时间戳

首页 > 解决方案 > 如何设置div元素的遮挡

autodesk-forge - 如何设置div元素的遮挡

问题描述

我正在 forge 中创建一个查看器，在其中显示视图和发现错误的观点 (this._issues)。

         this._issues.forEach (issue => {
            
            let viewport = document.getElementById ('MyViewerDiv');
            let modelPoint = JSON.parse (issue.viewer_point);
            let position = this.viewer.worldToClient (new THREE.Vector3 (modelPoint.x, modelPoint.y, modelPoint.z));

            modelIssue = document.createElement ('div');         
            modelIssue.style.left = `$ {position.x} px`;
            modelIssue.style.top = `$ {position.y} px`;
            modelIssue.className = 'ie-markup';

            viewport.appendChild (modelIssue);
        });

在此处输入图像描述 我的问题发生在显示所有问题，即使是那些被墙壁覆盖的问题。我想要一个像这个例子（https://forge-rcdb.autodesk.io/database?id=583ec7efebfb320e3cef26a5）这样的操作，当问题出现在取景器元素后面时，它会自动隐藏。

标签： autodesk-forgeautodesk-viewer

解决方案

我建议尝试使用用于为您引用的页面创建标记的 markup3d 插件，您可以在此处找到它的代码...

您可以尝试以下示例：

推荐阅读