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

目录
相关文章
|
2月前
|
人工智能 监控 数据可视化
智慧工地管理平台可视化源码
“智慧工地”将施工企业现场视频管理、建筑起重机械安全监控、现场从业人员管理、物料管理、进度管理、扬尘噪声监测等现场设备有机、高效、科学、规范的结合起来,真正实现工程项目业务流与现场各类监控源数据流的有效结合与深度配合,实现了建筑企业内部对各工程项目的集约式管理模式,大大提高了施工企业的工作效率和管理力度,彻底颠覆了原有的传统施工现场管理模式,使施工企业的竞争力得到了质的跨越。
37 0
|
移动开发 监控 前端开发
机器人制证系统大屏可视化
机器人制证系统大屏可视化
机器人制证系统大屏可视化
|
数据可视化 安全 数据挖掘
NBI可视化平台内置多种风格多套模板,做数据可视化不费劲
NBI可视化平台版本已经更新到4.9.1啦,在NBI可视化平台4.9.1版本中内置了多种风格、多套模板可以供用户选择使用,并且在可视化视觉上面做了增强
NBI可视化平台内置多种风格多套模板,做数据可视化不费劲
|
存储 移动开发 前端开发
基于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:如何高效开发热力图,和甲方更加亲密?
|
数据可视化
基于WebGL(ThingJS)的社区水电燃气管线3D可视化管理演示【三维管线,3D管线,水管可视化】
地下的管线错综复杂如何,图纸并不能完全满足实际需求,我们就用ThingJS平台来模拟一个小区水,电,天然气管线演示。   查看DEMO       第一步,利用CampusBuilder搭建模拟场景。
1723 0