OpenSphere-Vue3产品系统Vibe Coding

系统适用于需要在地图上管理、分析和展示空间数据的业务，例如：
自然资源、国土规划和地理信息管理
城市道路、设施、管网和区域管理
车辆、人员、设备的实时位置监控
应急指挥、巡检调度和轨迹回放
环境监测、人口分布和点位密度分析
政务数据、测绘数据和第三方 GIS 服务统一展示
它解决的核心问题是：将 GeoJSON、CSV、KML、GPX、SHP、WMS 等不同来源的空间数据统一加载到地图中，并支持图层管理、数据查询、样式配置、时间分析和动态轨迹展示。

项目是一套面向政务、自然资源、城市管理、交通监管和应急指挥等场景的 Web GIS 空间数据工作台，主要包括地图浏览、图层管理、数据导入、空间查询、绘制量测、专题可视化、时间分析、实时轨迹和轨迹回放等模块。系统支持 2D/3D 地图切换及多种底图配置，可导入 GeoJSON、CSV、KML、KMZ、GPX、SHP 等空间数据，并支持 WMS 服务图层接入；用户可以对图层进行显示隐藏、透明度调整、排序和范围定位，查看要素属性及坐标信息，绘制点线面和矩形并完成长度、面积测量；同时支持点位热力图、聚合图、分类渲染、图例展示、属性条件查询和空间框选查询。针对车辆、设备等动态目标，系统支持 WebSocket 实时位置接入、断线重连、轨迹线展示和本地模拟，并可根据目标 ID 与时间字段进行轨迹生成、时间轴控制、倍速播放和地图跟随。系统还支持坐标转换、地点搜索、工作区保存与恢复，满足空间数据浏览、分析、编辑和动态监控的一体化需求。

项目完全由本人独立开发，采用 Vue 3、TypeScript、Vite、Pinia、Vue Router、Element Plus、OpenLayers 和 Cesium 构建，整体采用“业务组件 + Composable 逻辑封装 + 地图能力门面 + 2D/3D 引擎管理器”的分层架构。通过 MapManager 管理 OpenLayers 二维地图中的底图、图层、绘制、选择、查询、样式和量测，通过 CesiumManager 实现三维场景、实体渲染及动态轨迹能力，并使用 MapFacade 统一上层业务与不同地图引擎之间的调用接口；Pinia 负责图层、底图、时间筛选和查询状态管理，Composable 负责工作区、搜索、实时追踪和轨迹回放等业务流程。数据导入层基于 OpenLayers 格式解析器、PapaParse、shpjs 和 JSZip 实现多格式兼容，SHP、KMZ 等较大文件通过 Web Worker 解析，降低主线程阻塞。系统亮点在于同时支持 2D/3D、多格式空间数据、专题渲染、时间过滤和实时轨迹，难点主要集中在不同坐标系转换、复杂地图交互管理、矢量要素动态样式、WebSocket 重连与轨迹累积、时间插值回放，以及工作区中矢量数据和 WMS 配置的序列化恢复。