项目介绍
无废河西综合大屏包含环渤海汽车城3D模型、危险车辆实时监控、环境质量图层、河西街景图层、摄像头控制、核心河流图层、风速图层等多个模块。
核心功能
- 汽车城3D模型：使用Three.js渲染3D汽车城模型并叠加到高德地图上，实现真实场景的可视化
- 危险车辆实时监控：摄像头检测到危险车辆后，按真实位置显示到模型上，点击可查看该车辆出入记录
- 环境质量热力图：读取河西各环境检测点空气质量数据，在高德地图上添加热力图层
- 风向风速图层：使用Node服务每2小时从NOAA拉取全球风向数据并缓存，在高德地图上添加风向风速图层
- 点位管理：高德点图层渲染空气检测、河流摄像头等点位，点击可查看或操作
- 实景渲染：使用Cesium.js渲染河西实景，添加无人机模型、点图层、路径图层等多种交互方式
技术亮点
- 多技术栈融合：根据不同表现形式分别基于高德地图、Cesium.js、Three.js开发
- 3D与地图结合：技术攻坚，将Three.js渲染的汽车城模型与高德地图结合，实现危险车辆实时定位与交互
- 实时数据更新：通过Node服务定时从NOAA拉取全球风向数据，确保数据的实时性
- 交互设计：根据客户需求思考交互方式并成功实现，提升用户体验
项目成果
- 项目地址：https://www.hxhb.tj.cn:6997/car_city 和 https://www.hxhb.tj.cn:6997/block
- 成功实现复杂3D可视化效果，满足政府监管需求
- 实时监控危险车辆，提升安全管理效率