Skip to content

中国移动管网三维拓扑管理平台(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。

项目成果 ​

  • 空间与拓扑融合:将逻辑拓扑与物理地理位置结合,进行三维数字孪生展示。
  • 资源统一展示:设备、机房、业务系统、链路和网络态势统一可视化。
  • 复杂拓扑布局:通过自动布局、空间避让和链路路径优化,改善复杂拓扑的可读性。
  • 多视图交互:支持多视图、多层级、多类型对象交互,便于检索和分析。
  • 业务资源关联:关联展示业务、网络设备和物理资源。
  • 模块化管理:场景、设备、链路、数据和业务模块按管理器解耦。