SDK Bug Reproduction Template

by Jowed

HTML

<head>
  <script src="https://static.matterport.com/showcase-sdk/2.0.1-0-g64e7e88/sdk.js"></script>
</head>
<body>
  <div class="container">
    <iframe id="showcase-iframe" allow='xr-spatial-tracking; fullscreen' frameborder='0'></iframe>
    <button id="addTag">Add</button>
  </div>
</body>

CSS

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container{
  width: 100vw;
  height: 80vh;
  display: flex;
  flex-flow: column nowrap
}
#showcase-iframe{
  width: 100%;
  height: 100%;
}

JavaScript

const key = "6eb9607db19546aebe10dce90aa001fa" // jsfiddle key
const modelSid = "iL4RdJqi2yK"; // change to custom model SID
const urlParameters = "&play=1&qs=1";

const iframe = document.getElementById('showcase-iframe')
function connect() {
	window.MP_SDK.connect(iframe, key, '3.8')
    .then(loadedShowcaseHandler, console.error);
}
iframe.onload = connect;
iframe.src = `https://my.matterport.com/show/?m=${modelSid}${urlParameters}`;

function loadedShowcaseHandler(mpSdk) {
	console.debug("Connected to the SDK");
  let selectedTag;
}

function addTag(mpSdk){
	mpSdk.Mattertag.add()
}