首页 > 解决方案 > Autodesk Forge:测量和切片不起作用 - 不是 THREE.Object3D 的实例

问题描述

我使用 viewer3d.js 版本 7 创建了一个 Forge 查看器,并且可以在其中查看模型。

我的问题是测量和切片工具没有按预期工作。仅供参考,我正在使用打字稿 - 角度 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>

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

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

在此处输入图像描述

标签: typescriptautodesk-forgeautodesk-viewer

解决方案


推荐阅读