使用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驱动人物行走。

目录
相关文章
|
4月前
|
数据可视化 前端开发
这套可视化大屏,看似很复杂,其实。。
这套可视化大屏,看似很复杂,其实。。
|
4月前
|
数据可视化 前端开发 JavaScript
本来不想分享的,但这套可视化大屏确实不错
本来不想分享的,但这套可视化大屏确实不错
|
监控
构建三维一体立体化监控,看这一篇就够了!
如果你需要搭建一套能够立体化监控你的应用及业务,出现问题及时告警的监控体系,这篇文章应该是你所需要的!
570 0
构建三维一体立体化监控,看这一篇就够了!
|
存储 移动开发 前端开发
基于WebGL的在线3D建模与互动脚本开发系统 ThingJS
ThingJS编辑界面布局 3D建模与场景搭建方法 交互控制脚本开发关键点
基于WebGL的在线3D建模与互动脚本开发系统 ThingJS
|
编解码 监控 数据可视化
地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS
基于ThingJS的通用架构设计随着社会经济的不断发展,城市中的各类地下管线数量不断增加,逐渐构成了结构复杂的地下管网。
地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS
|
存储 JSON 运维
基于WebGL的3D可视化告警系统关键技术解析 ThingJS
1. WebGL 3D技术 2. 新一代3D框架-ThingJS 3. 3D可视化告警系统案例 4. 基于ThingJS的通用架构设计
基于WebGL的3D可视化告警系统关键技术解析 ThingJS
|
存储 数据可视化 物联网
完善三维城市建模之开发视角,10万场景资源+用户样例 3D 地图 可视化 ThingJS
关键技术涉及计算机图形技术、3S技术(包括遥感(RS)、全球定位系统(GPS)、地理信息系统(GIS))以及大规模存储技术。
完善三维城市建模之开发视角,10万场景资源+用户样例 3D 地图 可视化 ThingJS
|
开发框架 JavaScript 数据可视化
ThingJS如何完成第一人称视角的场景巡检功能
在数据可视化领域利用webgl来创建三维场景或VR已经越来越普遍,各种开发框架也应运而生。
ThingJS如何完成第一人称视角的场景巡检功能
|
JSON 缓存 前端开发
ThingJS:如何高效开发热力图,和甲方更加亲密?
热力图实际上它等同于我们常说的密度图,ThingJS让你高效开发热力图,和甲方更加亲密。
ThingJS:如何高效开发热力图,和甲方更加亲密?
|
数据可视化 物联网
阿里云 BIM可视化功能拓展
写在前面 阿里云物联网提供的三维可视化能力,详见https://iot.console.aliyun.com/scene ,虽然有了三维可视化,但是也局限于三维可视化,能用来什么呢,本文就是引用三维可视化能力,拓展空间应用能力。
5347 0