如何在Autodesk Forge Viewer的2D图纸中高亮房间？

两种常用实现方式 #

1. 直接通过房间DBID高亮 #

如果房间在模型中是独立可识别的元素，先获取目标房间的DBID（可通过Viewer选择工具、模型属性面板或Forge API查询获取），再调用Viewer内置方法：

// 仅高亮（半透明覆盖）
viewer.highlight([目标房间DBID]);

// 高亮+选中状态（带边框）
viewer.select([目标房间DBID]);

2. 自定义绘制房间边界高亮 #

若2D图纸中房间未作为独立元素导出，可通过获取房间边界数据，手动绘制高亮图形：

1. 通过Forge Data Management/Model Derivative API获取房间的边界坐标点
2. 在Viewer场景中创建自定义高亮多边形：

// 定义高亮材质（红色半透明）
const highlightMat = new THREE.MeshBasicMaterial({
    color: 0xff0000,
    transparent: true,
    opacity: 0.3
});
// 房间边界坐标点（需转换为Viewer视口坐标）
const roomPoints = [/* 替换为实际边界点数组 */].map(p => new THREE.Vector2(p.x, p.y));
// 创建多边形几何体并添加到场景
const shape = new THREE.Shape(roomPoints);
const geo = new THREE.ShapeGeometry(shape);
const highlightMesh = new THREE.Mesh(geo, highlightMat);
viewer.impl.scene.add(highlightMesh);

关键注意事项 #

• 加载模型前确认房间元素的可见性未被默认配置隐藏
• 从Revit导出2D视图时，需确保视图设置中开启了房间的可见性
• 自定义绘制时，需完成模型空间坐标到Viewer 2D视口坐标的转换

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