ThingJSAPI之控制楼层效果

最新推荐文章于 2024-05-23 10:41:53 发布

人生苦短不愿停

最新推荐文章于 2024-05-23 10:41:53 发布

阅读量1.2k

点赞数 1

分类专栏： webgl threejs 物联网文章标签： webgl 物联网可视化数据可视化

本文链接：https://blog.youkuaiyun.com/qq_42739428/article/details/105556620

版权

本文介绍了在ThingJS物联网可视化平台上如何控制楼层的层级效果，包括楼层的显示与隐藏、水平或垂直展开。通过官方示例展示了按分类访问对象的方法，并比较了ThingJS与threejs的区别，强调了ThingJS面向项目开发的易用性和实用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何控制楼层的层级效果？比如进入楼层展开楼层？三维可视化园区中该怎么去访问对象？又是如何让场景显示和隐藏的呢？在ThingJS物联网可视化PaaS平台中，ThingJS提供了控制场景的方法，让我们来看看它是如何控制的吧！

ThingJS官方示例中按分类访问对象，使用全局APP对象，通过forEach函数遍历园区中所有对象，并且打印出对象的id属性。

/**
* 说明：通过 “分类对象属性树” 访问场景内的对象
* 操作：无，查看log信息
* 教程：ThingJS 教程——>园区与层级——>场景层级
* 难度：★★☆☆☆
*/
var app = new THING.App({
   
url: 'https://www.thingjs.com/static/models/storehouse'
});

// 加载场景后执行
app.on('load', function (ev) {
   
// 获取园区对象
var campus = ev.campus;

// 打印园区内的 Thing 物体
campus.things.forEach(function (thing) {
   
console.log('Thing: ' + thing.id);
});

// 获取园区下的建筑对象
var buildings = campus.buildings;
buildings.forEach(function (building) {
   
console.log('Building: ' + building.id);
});

// 打印第一个建筑中所有的楼层
buildings[0].floors.forEach(function (floor) {
   
console.log('Floor: ' + floor.id);
});

});

/**
* 说明：通过 “父子树” 访问场景内的对象
* 操作：无，查看log信息
* 教程：ThingJS 教程——>园区与层级——>场景层级
* 难度：★★☆☆☆
*/
var app = new THING.App({

最低0.47元/天解锁文章