中国移动管网三维拓扑管理平台(2023.11 – 2024.04)
项目简介
面向通信网络资源管理的数字孪生可视化系统。融合三维设备模型、地理位置、网络链路、业务关系和网络态势,做三维展示、拓扑分析和交互式管理。
支持逻辑世界与物理世界切换:逻辑世界按网络层级和业务关系展示 CR、AR、CE 及拓扑;物理世界按真实地理位置展示区域、机房和设备。支持 2D / 3D、区域定位、设备筛选、链路高亮和业务联动。
技术栈
Vue 3 / Composition API / ThingJS / Vite / JavaScript / SCSS / GLTF
个人职责
负责三维场景初始化、相机、场景切换和生命周期;CR、AR、CE 及业务云等设备模型的加载与统一管理;逻辑世界与物理世界两套视图;设备、链路、业务关系和网络态势的解析与场景映射;空间布局、机房排布、拓扑链路和业务线;标签、定位、高亮和交互状态;场景 / 设备 / 链路 / 数据等核心管理器。
技术亮点
- 环形拓扑布局:按设备数量、圆环半径、起止弧度和间距算极坐标,分层高度排布,并按相对圆心位置旋转设备。
- 物理平面重叠处理:XZ 平面 AABB 碰撞检测,重叠分组、中心点、距离排序、方向扩散,递归避让并保持地理分布。
- 经纬度到三维坐标:经纬度转为 ThingJS 局部坐标,再乘场景缩放。
- 拓扑链路:同高度直线,跨层贝塞尔;按层级配样式;按设备或业务关联高亮。
- 业务关系映射:业务云铺在关联设备附近,同步生成业务链路。
- 动画与状态同步:视图切换用缓动改布局;维护设备 ID 与位置、旋转的映射,移动完成后再画线和交互。
- 管理器拆分:
SceneManager、DeviceManager、LineManager、DataManager、LogicalWorldManager、PhysicalWorldManager、PlaneGrouping、BusinessLineManager。
项目成果
- 逻辑拓扑与物理地理位置结合的三维数字孪生展示
- 设备、机房、业务系统、链路和网络态势统一可视化
- 自动布局、空间避让和链路路径优化,提升复杂拓扑可读性
- 多视图、多层级、多类型对象交互,提升检索和分析效率
- 业务、网络设备、物理资源关联展示与联动
- 场景、设备、链路、数据、业务模块按管理器解耦