示例描述与操作指南

构件关联类型系统展示示例，用于对管道系统中某一被选择的管道构件进行同系统下构件类查找。通过获取指定构件所属系统和获取构件相关联的指定类型构件集这两个接口，将当前示例效果展示出来。用户可以将完整代码直接下载下来后，将模型id和用户个人账户devcode替换上去，即可展示自有模型。

应用场景

此类对于某一管道的反向同系统下查找，大量的被应用在管道系统的维修中。大量错综复杂的管道交织在一起，要找到同一系统下的相互影响的管道或开关是相对浪费时间的，而使用BIM模型则可以快速定位节约成本。

示例效果展示

实现步骤

第一步获取指定构件相关联的构件类型集

根据选中的构件id去获取该构件所关联的类型的构件列表。

// 数据接口:根据构件id和指定类型获取构件相关联的指定类型构件集
const getComponentsByTypes = (componentId, type) => fetch(`${op.host}/models/${modelKey}/components/${componentId}/type/${type}?devcode=${devcode}`).then(response => response.json());

第二步根据获取的相关构件列表进行对应的模型视图展示

获取对应的相关联的构件列表后，在模型视图进行对于的操作。

getComponentsByTypes(componentId, componentType).then((data) => {if (data.code === 2000 && typeof data.data !== "string" && data.data.length > 0) {const highlightComponents = data.data;viewer3D.clearHighlightList();viewer3D.resetScene({colorfully:true});viewer3D.addHighlightComponentsByKey(highlightComponents);viewer3D.adaptiveSizeByKey(highlightComponents);viewer3D.colorfulComponentsByKey(componentId, 0xffff00);} else {layer.msg(data.message);}})

下载完整代码

三维模型下构件关联类型系统展示相关推荐

倾斜摄影超大场景的三维模型轻量化与三维展示效果的关系浅析
倾斜摄影超大场景的三维模型轻量化与三维展示效果的关系浅析倾斜摄影超大场景的三维模型由于数据量庞大,直接进行渲染可能会导致计算资源和时间的浪费.因此,针对倾斜摄影超大场景的三维模型区域进行轻量化处理是 ...
el-select下拉框内展示el-tree结构
el-select下拉框内展示el-tree结构封装组件 <template><div><el ...
antd select多选_antd多选下拉框一行展示的实现方式
我们都知道antd的select多选时,如果下拉框宽度不足,则自动浮动到下一行将下拉框撑大,但是这回影响到页面的整体布局. 我们期望的效果是,下拉框只显示一行的值,超出一行的部分自动隐藏. 下面有2种 ...
echarts框架下大数据量展示的解决方案
echarts+大数据量.这是个无解的问题! 大数据量,什么样的数据才算大呢?在echart 4.5.0版本中,画折线图,数据线一共1001000条,每条数据5002200个数据点,即最小数据5000 ...
汽车SoC安全故障的自动识别（下）：案例展示和指标分析
概要 <汽车SoC安全故障的自动识别>专题连载共分为"上.下"两个篇章.此文为该连载系列的"下"篇章,在该专题连载的"上&q ...
vue-008-如何做到在不同尺寸显示器，浏览器100%分辨率下，页面完整展示
前一阵测试提交故障:在屏幕较小的显示器上,浏览器100%分辨率下页面显示不全,需要通过拖拽的方式才可以显示其余.要求修改成不同尺寸显示器,浏览器100%分辨率情况下页面要展示完整. 我的解决办法如下: ...
ssh框架下的关联表删除（级联删除）
为了完善一个删除功能,期间遇到一些麻烦,希望记录下来,日后回头看会有所帮助,记一次成长,也是第一次写博客. 首先,页面方面使用的是dwz,我是初次接触而且刚开始工作不久,了解不是很深,但是一些功能的搭 ...
使用vue实现自己音乐播放器仿网易云移动端（audio、播放、暂停、上一首、下一首、展示评论、音量控制、进度条拖拽）
最终实现成果展示源码地址在线演示地址 - 网抑云音乐 1.播放暂停功能的实现这是audio标签 <audio @timeupdate="updateTime" @ca ...
select下拉框分组展示插件的使用--(select-mania插件的使用)
一.概述在web项目中很多地方用到下拉框,原生的下拉框比较丑陋,之前的文章中介绍过一款用来美化下拉框的插件可以参考: 手把手教你--jquery chosen插件的使用和API(html下拉框美化) ...

三维模型下构件关联类型系统展示

构件关联类型系统展示

示例描述与操作指南

应用场景

示例效果展示

实现步骤

第一步获取指定构件相关联的构件类型集

第二步根据获取的相关构件列表进行对应的模型视图展示

三维模型下构件关联类型系统展示相关推荐

最新文章

热门文章

三维模型下构件关联类型系统展示

构件关联类型系统展示

示例描述与操作指南

应用场景

示例效果展示

实现步骤

第一步 获取指定构件相关联的构件类型集

第二步 根据获取的相关构件列表进行对应的模型视图展示

三维模型下构件关联类型系统展示相关推荐

最新文章

热门文章

第一步获取指定构件相关联的构件类型集

第二步根据获取的相关构件列表进行对应的模型视图展示