使用Autodesk APS Viewer的AggregatedView时如何屏蔽立方体、工具栏等UI元素？

可以通过以下几个步骤实现需求：

1. 初始化时禁用默认UI组件 #

调用Autodesk.Viewing.Initializer时，传入disableDefaultUI: true配置，直接阻止默认工具栏等UI元素的加载：

Autodesk.Viewing.Initializer({
    env: 'AutodeskProduction',
    accessToken: '你的访问令牌',
    disableDefaultUI: true
}, function() {
    // 后续初始化逻辑
});

2. 配置AggregatedView的初始化参数 #

创建AggregatedView实例并调用init方法时，通过viewerConfig明确禁用导航立方体和工具栏：

const aggregatedView = new Autodesk.Viewing.AggregatedView();
aggregatedView.init({
    container: document.getElementById('viewer-container'),
    viewerConfig: {
        showNavigationCube: false, // 隐藏导航立方体
        toolbar: false // 隐藏工具栏
    }
}, function() {
    // 执行文档加载逻辑
    Autodesk.Viewing.Document.load('文档URN', function(doc) {
        // 文档加载后的处理逻辑
    }, function(error) {
        console.error('文档加载失败:', error);
    });
});

3. 手动隐藏残留UI元素（可选） #

如果上述配置仍有UI元素显示，可通过DOM操作或Viewer API手动隐藏：

// DOM操作方式
const navCube = document.querySelector('.adsk-navigation-cube');
if (navCube) navCube.style.display = 'none';

const toolbar = document.querySelector('.adsk-viewing-toolbar');
if (toolbar) toolbar.style.display = 'none';

// Viewer API方式（需获取viewer实例）
const viewer = aggregatedView.getViewer();
if (viewer) {
    viewer.setNavigationCubeVisibility(false);
    viewer.hideToolbar();
}

内容的提问来源于stack exchange，提问作者anthip