<div id="viewer"></div>
<select id="models"></select>
#viewer {
  position: absolute;
  inset: 0;
}

#models {
  position: absolute;
  left: 1em;
  top: 1em;
  z-index: 1;
}
import { initViewer, listModels, loadModel } from 'https://aps-codepen.autodesk.io/utils.js';

const viewer = await initViewer(document.getElementById('viewer'), { extensions: ['Autodesk.DocumentBrowser'] });
const models = await listModels();
const dropdown = document.getElementById('models');
dropdown.innerHTML = models.map(m => `<option value="${m.urn}">${m.name}</option>`).join('');
dropdown.onchange = () => dropdown.value && loadModel(viewer, dropdown.value);
dropdown.onchange();

External CSS

  1. https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css

External JavaScript

  1. https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js