XWOMBBE

index.html

<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js"></script>
<div id="viewer"></div>
<select id="models"></select>

script.js

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();

style.css

#viewer {
  position: absolute;
  inset: 0;
}

#models {
  position: absolute;
  left: 1em;
  top: 1em;
  z-index: 1;
}

xwombbe.markdown

XWOMBBE

A Pen by Anon Ymous on CodePen.

License.