通过拖拽组件、属性配置、数据配置、事件交互配置等操作,可快速的生成可视化大屏,大大降低了开发成本。项目广泛应用于公司各业务线,包含公司内部、工厂产线上等等。
项目使用 VUE、Element-UI、Echarts 等框架、库进行开发;地图组件使用leaflet+mapbox为底图,引用地图返回数据进行各个图层渲染,使用canvas2Dapi实现多边形的阴影,使用mixin实现多个地图图层的代码分割;3D部分使用three.js,初始化场景灯光等,并可导入3D模型(fbx或obj格式等),交互部分添加了位置等配置来控制模型;在组件初始化时,会注册各类交互事件到事件中心,联动交互时发送命令到事件中心寻找被关联组件事件进行触发。