使用thingjs在3D可视化场景中人员定位的实现方式

简介: 将人物的位置信息在3D 场景中展现,让我们能够观察人员的实时位置及历史轨迹,为传统的人员位置信息提供三维可视化的展现方式。通过ThingJS可以将人员的定位信息在3D场景中对应起来,进行描点,画线,并创建相关人物的模型,根据实时数据驱动人物行走。

将人物的位置信息在3D 场景中展现,让我们能够观察人员的实时位置及历史轨迹,为传统的人员位置信息提供三维可视化的展现方式。

通过ThingJS可以将人员的定位信息在3D场景中对应起来,进行描点,画线,并创建相关人物的模型,根据实时数据驱动人物行走。并且支持楼层内外的相结合。使我们能更加直观的了解人物所处位置及行走路线。

人物户外行走

方案:根据最新请求的位置数据与上一次请求所得的位置数据,可计算两个位置之间的距离,再根据两次请求数据的时差,即可得到人物行走的速度,使用api(请参考物体下延路径移动demo,http://www.thingjs.com/guide/?m=sample)驱动人物行走。

2. 人物即将进入建筑和进入建筑内

方案:当最新的人员位置数据在建筑内部时,隐藏建筑外立面(building.showFacades),显示人物即将进入该建筑的楼层(building.showFloors,详见http://www.thingjs.com/guide/?m=api 下 Building),并使用api驱动人物行走。

3. 人物上楼的效果

方案:当最新请求的人员位置数据在不同楼层时(比如:从一层到二层),首先显示该楼层并将所有楼层透明(透明便于观察,方法:floor.style.opacity = 0.5 --- 详见http://www.thingjs.com/guide/?m=api)。并使用api驱动人物行走。

目录
相关文章
|
3月前
|
数据可视化 前端开发
这套可视化大屏,看似很复杂,其实。。
这套可视化大屏,看似很复杂,其实。。
|
监控 数据可视化 安全
智慧工厂可视化人员定位系统源码 UWB源码
智慧工厂人员定位系统通过在作业现场部署UWB高精度定位设备及网络,实现人、车、物的实时位置监控。搭建二维或三维业务功能展现平台,集成现场视频监控、门禁系统,实现工厂人员定位与视频监控和门禁联动,实时掌握全厂人员、车辆、作业信息,打造可寻、可视、可防、可控的一体化管控平台,提升企业安全管理效率
166 2
|
监控
构建三维一体立体化监控,看这一篇就够了!
如果你需要搭建一套能够立体化监控你的应用及业务,出现问题及时告警的监控体系,这篇文章应该是你所需要的!
550 0
构建三维一体立体化监控,看这一篇就够了!
|
存储 移动开发 前端开发
基于WebGL的在线3D建模与互动脚本开发系统 ThingJS
ThingJS编辑界面布局 3D建模与场景搭建方法 交互控制脚本开发关键点
基于WebGL的在线3D建模与互动脚本开发系统 ThingJS
|
运维 监控 数据可视化
基于WebGL的三维交通监控可视化技术应用(实践版) ThingJS
互联网技术为交通行业的可视化带来了多样性的发展。从传统的二维平面变形图、二维SVG矢量图到如今的SVG三维矢量技术、BIM技术、GIS+BIM技术、 WebGL技术,甚至连AR、VR、MR等虚拟现实技术,也开始应用于交通领域的可视化发展方面。
基于WebGL的三维交通监控可视化技术应用(实践版) ThingJS
|
编解码 监控 数据可视化
地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS
基于ThingJS的通用架构设计随着社会经济的不断发展,城市中的各类地下管线数量不断增加,逐渐构成了结构复杂的地下管网。
地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS
|
存储 JSON 运维
基于WebGL的3D可视化告警系统关键技术解析 ThingJS
1. WebGL 3D技术 2. 新一代3D框架-ThingJS 3. 3D可视化告警系统案例 4. 基于ThingJS的通用架构设计
基于WebGL的3D可视化告警系统关键技术解析 ThingJS
|
开发框架 JavaScript 数据可视化
ThingJS如何完成第一人称视角的场景巡检功能
在数据可视化领域利用webgl来创建三维场景或VR已经越来越普遍,各种开发框架也应运而生。
ThingJS如何完成第一人称视角的场景巡检功能
|
JSON 缓存 前端开发
ThingJS:如何高效开发热力图,和甲方更加亲密?
热力图实际上它等同于我们常说的密度图,ThingJS让你高效开发热力图,和甲方更加亲密。
ThingJS:如何高效开发热力图,和甲方更加亲密?
|
存储 JavaScript 定位技术
ThingJS的3D渲染功能,让你拥有高颜值的项目
线条有分长短、曲直、粗细,不同的语素表达不同的情感。
ThingJS的3D渲染功能,让你拥有高颜值的项目