中国 3D地图可视化产品系统

需要直观展示全国示范农场分布与运营态势，传统平面地图难以呈现空间层次与科技感，也难支撑多点位交互。本项目面向农业数字化运营场景，用 Three.js 构建中国立体地图，承载农场点位、区域态势与演示交互，解决「全国布局看得清、点得开、沉浸感强」的产品问题，适用于智慧农场总览、示范基地宣传与对外演示大屏。

1、3D 中国地图渲染：基于 GeoJSON 挤出省份立体模型，顶面地形纹理 + 侧壁扫描光效，统一灰绿色系视觉风格。
2、农场点位与弹窗：地图上标注示范农场，点击查看地址、面积、地块与种植概况。
3、环境与光效：底部圆环背景、粒子、光晕环、半透明镜面倒影，增强大屏氛围。
4、相机入场动画：首次进入平滑飞入视角，支持轨道旋转缩放浏览。
5、性能档位：支持低配模式，限制 DPR、关闭部分后处理，保障大屏流畅。

独立拆分并实现中国 3D 地图模块（地图几何、材质与侧边着色器、辉光后处理、光晕/镜面、农场标签与演示数据）；完成从大屏业务中解耦为可单独运行的 Vue3 + Vite 项目，并做渲染性能优化。

技术栈与架构： Vue3 + Vite + Three.js（CSS2D/CSS3D、EffectComposer、自定义 fragment shader）+ d3 墨卡托投影 + Tween 相机动画；地图核心放在 src/map，资源与 GeoJSON 在 public，农场数据用 mock API 可替换。
亮点与难点：
1、顶面纹理与侧壁霓虹色冲突，通过同系灰绿调色与扫描强度收敛统一视觉。
2、Bloom 阶段压暗曾每帧 traverse，改为缓存目标材质，降低 GC。
3、镜面曾反射整场景发绿块，改为只反射地图模型 + 半透明渐隐 shader。
4、CSS2D 标签过多时关闭涟漪动画，减轻样式重算压力。