Version: Version 2.0

Contextual Comments

Matterport Contextual Comments automatically implements the Contextual Comments feature into a Matterport SDK powered application.

Quickstart

To add the Contextual Comments component to your application, follow the steps below:

Before we start

Before utilizing the Matterport Contextual Comments plugin, it is essential to initialize a room with a defined name and ID for the participant and the group. You need to have the room variable to add the Matterport Contextual Comments plugin.

Install the package

Install the required packages with npm:

npm install --save @superviz/matterport-plugin @superviz/collaboration

Import the Comments component

After installing the package, import the Comments component:

import { Comments } from "@superviz/collaboration";

Add the Comments plugin

Initialize the Comments plugin with the Matterport SDK instance and add it to your SuperViz room:

const matterportComments = new Comments(mpSDK);
room.addComponent(matterportComments);

Configure Comments (Optional)

You can customize the Comments component by passing configuration options when initializing it:

const matterportComments = new Comments(mpSDK, {
  position: 'right',
  width: 400,
  height: '100vh',
});

room.addComponent(matterportComments);

Resources to get you started

We've prepared a few resources to help you get started with the Matterport integration and use it alosing with other components to create a collaborative environment.

Quickstart​