# 武汉智慧地铁项目

**Repository Path**: HaoLiCode/wuhan-smart-subway-project

## Basic Information

- **Project Name**: 武汉智慧地铁项目
- **Description**: 本项目旨在打造一个集地铁运营监控、实时轨迹、线路展示、重点活动、发展历程及站点管理于一体的地铁三维可视化管控平台。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 3
- **Created**: 2025-03-17
- **Last Updated**: 2026-01-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

1. ### 武汉地铁三维可视化管控平台项目描述

   #### 项目概述

   本项目旨在打造一个集地铁运营监控、线路展示、告警管理及站点管理于一体的武汉地铁三维可视化管控平台。通过整合Vue3、Pinia、VueRouter、Echarts、Turf.js、Cesium、MySQL及自定义着色器技术，我们成功构建了一个功能丰富、界面友好的管控平台。

   #### 技术栈与工具

   - ‌**前端框架**‌：Vue3
   - ‌**状态管理**‌：Pinia
   - ‌**路由管理**‌：VueRouter
   - ‌**数据可视化**‌：Echarts
   - ‌**地理数据处理**‌：Turf.js
   - ‌**三维渲染**‌：Cesium
   - ‌**数据库**‌：MySQL
   - ‌**自定义着色**‌：Shader编程

   #### 项目功能

   1. ‌**首页展示**‌
      - 标题、地址、日期及天气信息展示。
      - 武汉市地铁运营统计概览。
      - 地铁建设开工情况概览。
      - 地铁历史告警趋势图。
      - 线路概览图，直观展示地铁线路布局。
      - 实时监控界面，展示地铁运行状态。
      - 精美底图与白膜建筑，提升视觉效果。
   2. ‌**地铁线路展示**‌
      - 使用Pinia管理复杂的线路数据与站点信息。
      - 基于全局状态管理实现图层控制功能。
      - 采用表驱动设计模式，提升代码可维护性。
      - 在Cesium中使用自定义着色器创建独特材质。
      - 封装Cesium气泡框组件，并优化大批量气泡框的渲染性能。
   3. ‌**重点活动展示**‌
      - 利用Cesium相机功能实现视角跳转，聚焦重点活动区域。
      - 使用自定义材质完成高光效果，提升视觉效果。
      - 通过定时器实现道路线的闪烁功能，吸引用户注意。
   4. ‌**发展历程展示**‌
      - 点击发展历程按钮，展示轨道线路的发展历史。
      - 下方展示时间轴，根据时间轴展示轨道建设的不同阶段。
   5. ‌**站点管理页面**‌
      - 进入站点管理页面时，隐藏基本大屏，展示站点管理界面。
      - 点击站点，视角自动跳转至该站点位置，并高亮展示站点基本信息。
      - 支持通过地图中的站点点击查询站点信息。
      - 提供站点周边查询功能。
      - 使用热力图展示线路拥挤度，帮助运营人员做出决策。

   #### 技术亮点

   - ‌**Cesium与自定义着色器的结合**‌：通过自定义着色器，我们为Cesium中的地铁线路和站点创建了独特的材质，提升了视觉效果。
   - ‌**大规模数据处理**‌：在处理大批量气泡框组件时，我们采用了优化策略，确保在高负载情况下平台的稳定运行。
   - ‌**时间轴与动态展示**‌：通过时间轴展示地铁发展历程，结合动态效果，使得用户可以直观地了解地铁建设的历史和现状。
   - ‌**交互体验**‌：平台提供了丰富的交互功能，如视角跳转、高亮展示、点击查询等，提升了用户的使用体验。

   ![](/src/assets/项目截图.png)