从零开始学习3D可视化之获取对象

最新推荐文章于 2024-03-05 01:00:00 发布

ThingJS_小锘

最新推荐文章于 2024-03-05 01:00:00 发布

阅读量1.2k

点赞数

文章标签：可视化 javascript js java vue

本文链接：https://blog.csdn.net/ThingJS/article/details/117446592

版权

本文介绍了在数字孪生可视化场景中如何通过query()和其他方法查找和获取对象，包括查询园区物体、单个物体以及地图中的物体。还提到了使用父子属性和分类属性作为查询手段，帮助开发者在ThingJS平台上实现不同数字孪生可视化效果。

摘要由CSDN通过智能技术生成

一、query()查询物体

二、其他查询方法

在数字孪生可视化场景中，添加完对象之后，我们如何尽快查找到对象呢？ThingJS中获取对象有如下几个方法：通过父子属性获取对象；通过分类属性获取对象；使用 query 方法获取对象。

一般来说，我们通过 query() 方法来查询物体（即获取对象）。下面我将详细讲解通过 query 方法获取对象的方法。找到物体后，就可以通过 ThingJS API 提供的功能来控制该物体了。

一、query()查询物体

1、获取园区中的物体

获取 CampusBuilder 数字孪生可视化园区中的物体时，需要将 query() 方法添加到 load 事件的回调函数中。绑定 load 事件来通知园区物体加载完成，然后就可以通过 query() 方法来获取数字孪生可视化园区中的物体了。代码如下所示。

app.on('load', function () {
 var obj = app.query(value)，
})

这个方法我们查询到的是一个 Selector集合，即数字孪生可视化园区中带有该属性的所有物体。

应用示例：按属性查询物体

加载场景后，添加按正则name查询按钮，数字孪生可视化园区内对应属性的模型可以被查询到。

// 加载ThingJS示例园区
var app = new THING.App({
 url: 'https://www.thingjs.com/static/models/storehouse'

关注