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