系统结合物联网模式并涉及 Gis业务,其中业务所使用的地图框架为maptalks一款国内开发者开发的开源 webgis框架、前端框架采用vue3+TypeScript+ElementPlus 等技术进行开发,使用Mock.js进行数据模拟,使用Promise对axios进行二次封装来处理请求,以及 mqtt 消息队列遥测传输技术定时更新页面数据和约定响应事件模式,业务中涉及到场馆渲染使用了Three.js 框架,为其系统建立3D可视化模型,涉及到多处变电站模型展示,以及国际博览中心场馆模型展示,同时还使用了Tween.js 来做模型场景的视角移动效果和模型点击动画效果,不再繁琐的依赖于 Threejs 的相机视角锁定。