基于拖拽式大屏平台进行定制化开发,旨在满足CIM(城市信息模型)场景下的三维可视化与数据分析需求,为城市规划、管理等业务提供直观的大屏展示支持。
点击空白处退出提示
语言技术
JavaScript、Vue、TypeScript、ElementUI、iView系统类型
Web行业分类
政务、低代码
基于拖拽式大屏平台进行定制化开发,旨在满足CIM(城市信息模型)场景下的三维可视化与数据分析需求,为城市规划、管理等业务提供直观的大屏展示支持。
1. CIM 拖拽式组件研发
协助完成 CIM 场景下拖拽式组件的研发与功能实现
支持组件从面板拖拽到三维场景画布,自由布局、缩放、对齐
支持组件属性可视化配置、数据绑定与模板复用
支持组件复制、删除、锁定、成组、撤销重做等编排操作
2. CIM 专属组件开发
开发粒子效果组件,支撑火焰、烟雾、水雾、光效、扩散波等三维特效展示
开发数据加载组件,支持 3D Tiles、glTF/GLB、GeoJSON、影像、地形等多源数据加载
开发三维展示、分析及统计图表相关组件
支撑三维系统展示、分析与统计图表功能落地
3. 三维展示与分析功能
支持三维场景初始化、相机定位、飞行漫游
支持模型高亮、闪烁、剖切、压平、淹没分析等展示效果
支持空间量算、可视域、通视、剖面、填挖方等三维分析
支持统计图表与三维场景联动,实现点击图表定位、点击模型联动图表
4. GIS 技术文档与说明资料编写
参与 GIS 相关技术文档与说明资料的编写
编写 CIM 拖拽组件使用说明、配置手册
编写三维数据加载、粒子效果、分析功能操作文档
1. 技术栈
前端:Vue
三维引擎:Cesium
数据格式:3D Tiles、glTF/GLB、GeoJSON、KML、影像、地形
图表:ECharts(按实际写)
运维:Linux、Nginx、Docker(按实际写)
2. 拖拽式组件实现
基于 Vue 实现组件面板与拖拽画布
通过拖拽事件将组件放置到三维场景,绑定 Cesium 场景坐标
使用动态组件与 JSON Schema 实现属性配置面板
实现组件数据绑定、模板保存与导入导出
支持组件复制、删除、锁定、成组、撤销重做
3. 粒子效果组件实现
基于 Cesium.ParticleSystem 封装可拖拽粒子组件
支持点、盒、圆/球、模型等多种发射器类型
支持粒子数量、大小、颜色、生命周期、速度、重力、风向等参数配置
支持粒子贴图自定义与实时预览
支持粒子效果与三维模型/坐标点绑定
支持多粒子系统叠加与性能开关
4. 数据加载组件实现
基于 Cesium 加载 3D Tiles、glTF/GLB、GeoJSON、KML、影像、地形等数据
实现图层分级加载、按需加载与 LOD 控制
支持模型批量加载与实例化渲染
实现数据加载进度、状态与错误提示
支持图层显隐、叠加、排序与样式配置
5. 技术文档编写实现
编写 CIM 拖拽组件使用说明与配置手册
编写三维数据加载、粒子效果、分析功能操作文档
编写 GIS 相关技术说明与 FAQ 排障指南



评论