title: load 2D & 3D forge viewers in single web page
body: <p>I would like to link between elements from the 2D sheet and 3D model, so when I select the element from 2D it should reflect and select (isolate) in the 3D also if I change the color it does the same on both e.g. and the other way around.</p>
  <p>so I can use the document browser extensions to open the 2d sheet on 1st viewer and the 3d model on the 2nd viewer:</p>
  <p><a href="https://i.stack.imgur.com/uRXGN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uRXGN.png" alt="enter image description here" /></a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const firstModel = new Autodesk.Viewing.Private.GuiViewer3D(document.getElementById('MyViewerDiv1'));
   const secondModel = new Autodesk.Viewing.Private.GuiViewer3D(document.getElementById('MyViewerDiv2'));
  
   Autodesk.Viewing.Initializer(options1, function() {
    viewer1.start();
    viewer1.load(...);      
   });
  
   Autodesk.Viewing.Initializer(options2, function() {
    viewer2.start();
    viewer2.load(...);
   });</code></pre>
  </div>
  </div>
  </p>
  <p>if the example above is correct I am still missing how to links both viewers.
  I hope someone could help me with this issue</p>