分享
查看: 4109|回复: 0

[分享] ThingJS在线3D开发之关于物体对象监控

[复制链接]

ThingJS在线3D开发之关于物体对象监控

发表于 2019-10-29 17:47:17 来自 分享 阅读模式 倒序浏览
zzv_icon4109 zzr_icon0 查看全部

物体面板显示监控

在 3D 的某些应用需求中,当选中某个物体时,需要展示该物体的详细信息,我们可以创建一个物体面板,来展示这些数据。

有如下几步即可实现让物体面板显示监控:

  1. query 获取物体对象集合;
  2. 对物体集合注册单击事件;
  3. 点击选中的物体 加入Selection中;
  4. 通过Select DeSelect事件 对物体做相应的操作;
  5. 如果是接口数据 可通过Ajax或WebSocket进行请求、对接;
  6. 创建物体面板 双向绑定数据;

示例效果如下图所示:

ThingJS在线3D开发之关于物体对象监控

批量显示监控面板

在某些 3D 可视化应用场景中,需要显示一批物体的某些重要指标,如何实现多个对象批量显示这些数据呢?

我们通过 UIAnchor ,将相应的数据展示面板作为孩子连接到每个对象上即可。

示例效果如下图所示:

ThingJS在线3D开发之关于物体对象监控

ThingJS-面向物联网的3D可视化开发平台https://www.thingjs.com/

avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t