时间戳

首页 > 解决方案 > 在查看器中放大房间

autodesk-forge - 在查看器中放大房间

问题描述

现在，我可以列出级别了。我正在尝试放大给定级别的特定房间。

我有房间dbId，但是当我这样做时：

v.fitToView(34969, v.model)(v => viewer / 34969 dbId 的房间)

相机要远了：

在此处输入图像描述

我正在尝试进行与单击中的子项目时完全相同的相机移动modelStructureTool > Room

关于房间的颜色

这是我的更正代码：

var ulRoom = document.createElement('ul');
ulRoom.setAttribute('id','levelsList');
el.children.forEach(function(l){
var liRoom = document.createElement('li');
liRoom.setAttribute('class','room');
liRoom.setAttribute('style','cursor:pointer;color:  #000; font-weigth: bold');
liRoom.onclick = function () {
    console.log("l ====>", l);
    viewer.fitToView( [l.dbId], viewer.model);
    viewer.setThemingColor( l.dbId, viewer.model);
    };
    ulRoom.appendChild(liRoom);
    liRoom.innerHTML = l.name;
});

viewer.fitToView运行良好。

在我forEach的l房间里：

在此处输入图像描述

标签： autodesk-forge

解决方案

第一个参数必须是一个数组，因此您的函数调用必须更改为viewer.fitToView( [ 34969 ], viewer.model ). 第二个参数model是可选的，因此它将成为viewer.fitToView( [ 34969 ] )单模型用例。

如果您在多个模型案例中使用查看器，则必须从viewer.impl.modelQueue().getModels()该房间和Viewer3D#fitToView.

希望能帮助到你。

编辑：

用于更改元素颜色的查看器 APIviewer.setThemingColor( dbId, color )仅适用于叶节点。在调查了您提供给 Forge Helpdesk 的模型后，我发现有 dbId 的房间34969不是 Viewer 实例树的叶节点。所以，这就是为什么在 API 事件正确时颜色没有改变的原因。

function getLeafNodes( model, dbIds ) {

      return new Promise( ( resolve, reject ) => {

        try {

          const instanceTree = model.getData().instanceTree

          dbIds = dbIds || instanceTree.getRootId();

          const dbIdArray = Array.isArray( dbIds ) ? dbIds : [dbIds]
          let leafIds = [];

          const getLeafNodesRec = ( id ) => {
            let childCount = 0;

            instanceTree.enumNodeChildren( id, ( childId ) => {
                getLeafNodesRec( childId );

                ++childCount;
              })

            if( childCount == 0 ) {
              leafIds.push( id );
            }
          }

          for( let i = 0; i < dbIdArray.length; ++i ) {
            getLeafNodesRec( dbIdArray[i] );
          }

          return resolve( leafIds );

        } catch (ex) {

          return reject(ex)
        }
    })
}

let color = new THREE.Vector4( 255/255, 0/255, 0/255, 1 );

getLeafNodes( viewer.model, [ 34969 ] )
    .then( ( leafNodes ) => {

      // Call setThemingColor for every leaf node.
      for( let i = 0; i < leafNodes.length; i++ ) {
          viewer.setThemingColor( leafNodes[i], color );
      }
    })
    .catch( ( error ) => console.warn( error ) );

这是查看器文档：https ://developer.autodesk.com/en/docs/viewer/v2/reference/javascript/viewer3d/

推荐阅读