如何显示autodesk extension？

Question

在autodesk教程的这一步中，我遇到了一个问题，ForgeTree和ForgeViewer工作得很好，但是我根本不能让handleselectionextension工作，没有菜单或工具栏只显示一个空窗口

https://learnforge.autodesk.io/#/viewer/extensions/selection

main.css

.handleSelectionExtensionIcon {
    background-image: url(https://github.com/encharm/Font-Awesome-SVG-PNG/raw/master/white/png/24/object-group.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

index.html

<!-- this project files -->
  <link href="css/main.css" rel="stylesheet" />
  <script src="js/ForgeTree.js"></script>
  <script src="js/ForgeViewer.js"></script>
  
  <script src="js/handleselectionextension.js"></script>

该扩展就是本教程中所示的扩展

Answer 1

您必须在Forge查看器中加载扩展。

viewer = new Autodesk.Viewing.GuiViewer3D(document.getElementById('forgeViewer'), { extensions: ['HandleSelectionExtension'] });

之后，你可以在点击按钮上调用下面的代码来隔离所选的对象。

// Get current selection
const selection = this.viewer.getSelection();
this.viewer.clearSelection();
// Anything selected?
if (selection.length > 0) {
    let isolated = [];
    // Iterate through the list of selected dbIds
    selection.forEach((dbId) => {
        // Get properties of each dbId
        this.viewer.getProperties(dbId, (props) => {
            // Output properties to console
            console.log(props);
            // Ask if want to isolate
            if (confirm(`Isolate ${props.name} (${props.externalId})?`)) {
                isolated.push(dbId);
                this.viewer.isolate(isolated);
            }
        });
    });
} else {
    // If nothing selected, restore
    this.viewer.isolate(0);
}