Autodesk Forge：测量和切片不起作用-不是THREE.Object3D的实例

Question

我使用viewer7d.js的第7版创建了一个Forge Viewer，并可以在其中查看模型。

我的问题是，测量和切片工具无法正常工作。仅供参考，我正在使用打字稿-角度8。

我希望图形看起来像这样：

相反，飞机和陀螺仪符号从不出现：

类似地，使用测量工具，鼠标光标变为测量光标，但是当我单击表面时，什么也没有发生。

这是我的用于加载查看器的代码：

  loadViewer(forgeTokenData, modelUrn) {


    options = {
      env: 'AutodeskProduction',
      api: 'derivativeV2',
      getAccessToken: (onSuccess) => {
        onSuccess((forgeTokenData as any).access_token, (forgeTokenData as any).expires_in);
    }};

    Autodesk.Viewing.Initializer(options, () => {

      // Find the element where the 3d viewer will live.
      const htmlElement = document.getElementById('viewerContainer');

      if (htmlElement) {
        // Create and start the viewer in that element
        const viewer = new Autodesk.Viewing.GuiViewer3D(htmlElement);
        viewer.start();

        const documentId = 'urn:' + this.removeBase64Padding(modelUrn);

        console.log(documentId);

        this.loadDocument(documentId, viewer);
      }});
  }

我还在index.html头中加载了样式和脚本：

<head>
  <meta charset="utf-8">
  <title>testing</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css" type="text/css">
  <script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js" ></script>
</head>

不知道为什么会这样。我还缺少其他样式或脚本吗？

当我单击切片/测量工具时，我在控制台中注意到了这些错误：

Answer 1

由于无法确定您如何导入forge-viewer脚本，因此无法重现您的错误。

默认情况下，forge-viewer脚本是通过index.html中head标签中的script标签导入的，该链接链接到Autodesk CDN。这不应提示将任何节点模块安装到您的角度项目中。但是，您确实需要安装forge-viewer typings。这将为您提供forge-viewer函数的键入的定义。

我只是要做一个干净的ng new，并相应地添加脚本和包：

初始化一个新的角度项目。
将查看器脚本和CSS添加到您的角度项目中的index.html中。这将提示在运行项目时尽快加载脚本。
安装forge-viewer typings，这些类型也包括three.js类型。
将"types": ["forge-viewer"]添加到tsconfig.app.json下的compilerOptions中以解决初始编译器错误。

或者，您可以尝试从当前项目中删除所有与Forge-viewer相关的软件包，并如上所述执行步骤2至4。

Autodesk Forge：测量和切片不起作用-不是THREE.Object3D的实例

问题描述投票：0回答：1

1个回答

最新问题

Autodesk Forge：测量和切片不起作用-不是THREE.Object3D的实例

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1