社区数字孪生可视化平台产品系统

本项目面向智慧社区/智慧园区数字化运营场景。社区管理中，建筑、道路、水系等空间分布信息与能耗、客流、告警等物联数据长期割裂，传统二维图纸与报表难以直观呈现。本系统以 OSM 风格 GeoJSON 空间数据为输入，自动生成园区与住宅小区两个平行场景的三维模型，将"空间底座"与"业务数据"实时融合，形成可交互的数字孪生大屏。它支撑物业运营、公共安全、能耗监管与指挥中心大屏展示等场景，让管理者以"一屏"总览社区全局，实现园区与小区一体化、可视化的智慧化管理。

系统围绕"一屏览全"构建模块化功能：3D 场景画布由 GeoJSON 自动生成建筑、道路、水系模型，支持地图式缩放/平移/旋转、点击拾取与相机飞行聚焦；建筑名录与搜索支持定位建筑并联动视角；建筑详情面板按需加载，展示层数、高度、面积及实时用电、用水、客流、排队、停车位等物联指标并配 ECharts 图表；统计面板汇总建筑总数、总耗电用水、入住率、剩余车位等社区运营指标；告警中心模拟设备离线、供电过载、疑似渗漏等分级告警并支持确认处理；场景控制提供标签显隐与自动环绕漫游；顶栏显示 FPS 与天气信息；内置确定性模拟器按建筑类型、时段与季节生成鲜活数据。

技术栈：Vue 3 + TypeScript + Vite + Three.js + Pinia + ECharts，配 Vitest 单元测试。架构上 Pinia 统一管理场景配置、建筑注册表、实时 IoT 数据与告警流，composables 负责场景构建与渲染循环，utils 分层封装相机控制、拾取飞行、漫游状态机与天空水面等纯逻辑，UI 组件按功能独立组织。亮点：园区/小区双场景拼接（小区按固定偏移拼接并扩大阴影锥，两场景共享阴影）；381 栋建筑以共享材质单例 + 距离 LOD（>520m 换轻量材质）+ 标签距离分级与屏幕去重保障流畅渲染；含 ECharts 重依赖的详情面板采用异步组件并按需预取，避免拖慢首屏；确定性种子模拟器便于测试与复现。难点：大规模网格性能优化、标签遮挡去重、飞行聚焦与面板定位的时序编排，以及 GeoJSON 多几何类型的投影转换与挤出建模。