Readme.io Web SDK demo

by Dan Schultz

HTML

<html>
  <head>
    <link
      rel="stylesheet"
      href="https://unpkg.com/@vertexvis/[email protected]/dist/viewer/viewer.css"
    />
    <script
      type="module"
      src="https://unpkg.com/@vertexvis/[email protected]/dist/viewer/viewer.esm.js"
    ></script> 
    <script
      nomodule
      src="https://unpkg.com/@vertexvis/[email protected]/dist/viewer.js"
    ></script>
    
    
    <script src="https://developer.vertexvis.com/token.js"></script>
 
    <script type="module">
    	import { configureViewer } = "https://developer.vertexvis.com/token.js"
      window.addEventListener('DOMContentLoaded', () => {
        main();
      });
 
      function main() {
        const viewer = document.querySelector('#viewer');
        configureViewer(viewer);
        viewer.addEventListener('pick', event => {
          console.log('picked parts', event.details.hitResults);
        });
      }
    </script> 
  </head>
  <body>
    <vertex-viewer
      id="viewer"
      credentials-client-id="client-id"
      credentials-token="token"
      model="urn:vertexvis:eedc:scenestate:123"
    >
      <vertex-viewer-toolbar data-viewer="viewer"></vertex-viewer-toolbar>
    </vertex-viewer>
  </body>
</html>