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

目录
相关文章
|
6月前
|
监控 数据可视化 安全
智慧工厂可视化人员定位系统源码 UWB源码
智慧工厂人员定位系统通过在作业现场部署UWB高精度定位设备及网络,实现人、车、物的实时位置监控。搭建二维或三维业务功能展现平台,集成现场视频监控、门禁系统,实现工厂人员定位与视频监控和门禁联动,实时掌握全厂人员、车辆、作业信息,打造可寻、可视、可防、可控的一体化管控平台,提升企业安全管理效率
|
开发框架 数据可视化 Java
使用云巧工坊编写业务流程并可视化
软件产品都面临业务需求、流程快速变化的现状,往往之前设计绘制的业务流程在几个月之后就会失效的问题,如果按照一定语法开发的代码可以实时正确反应业务流程就解决了业务流程保鲜的问题。yunqiao-boot-starter-flow 就是解决这一问题的开发框架。
249 0
|
移动开发 数据可视化 前端开发
基于自然流布局的可视化拖拽搭建平台设计方案
LowCode 是高效、高性能的拖拽式低代码开发平台. 也是笔者最近一直在研究的方向, 对于可视化搭建平台的实现方案笔者之前写过很多文章, 这里带大家探索一个新方向——基于自然流布局的可视化搭建平台.
838 0
|
数据可视化 安全 数据挖掘
NBI可视化平台内置多种风格多套模板,做数据可视化不费劲
NBI可视化平台版本已经更新到4.9.1啦,在NBI可视化平台4.9.1版本中内置了多种风格、多套模板可以供用户选择使用,并且在可视化视觉上面做了增强
NBI可视化平台内置多种风格多套模板,做数据可视化不费劲
|
存储 移动开发 前端开发
基于WebGL的在线3D建模与互动脚本开发系统 ThingJS
ThingJS编辑界面布局 3D建模与场景搭建方法 交互控制脚本开发关键点
基于WebGL的在线3D建模与互动脚本开发系统 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搭建模拟场景。
1727 0