Cesium三维可视化程序开发产品系统

Cesium作为当前最主流的3D地理空间可视化引擎，已成为支撑智慧城市、数字孪生、国土监测、应急指挥、交通能源等关键场景的核心基础设施。它能够将庞大的三维地理空间数据在浏览器端实现实时、精准的可视化呈现，为行业用户提供“数字地球”级别的交互体验。

然而，在实际工程项目落地过程中，三维可视化系统普遍面临以下两大核心痛点：

在线场景的地图国产化适配需求：国内政务、军工、国企类项目通常要求使用天地图等国产地图服务作为底图，但Cesium原生生态对天地图及SuperMap平台的支持不够完善，需要深度二次开发才能满足合规性和功能完整性要求。

离线场景的网络环境受限问题：在野外作业、涉密内网、军事演练等无互联网或网络受限场景下，系统无法加载Cesium ion及Bing Maps等在线服务，导致三维地球无法正常使用。用户迫切需要一套能够完全脱离网络、独立运行的离线三维可视化方案。

基于上述两个独立的应用场景，本项目针对性地拆分出两个轻量化解决方案：在线三维可视化项目（基于SuperMap集成天地图，Vue封装）和离线三维可视化项目（Bing中文地图 + 90米离线高程）。两个项目各自独立交付、独立部署，能够灵活适配不同客户的实际使用环境。

项目一：在线三维可视化（SuperMap + 天地图 + Vue）
本项目基于SuperMap iClient3D for Cesium封装库，使用Vue框架进行工程化包装，实现天地图（Tianditu）影像底图、矢量底图及注记图层的无缝加载与切换。核心功能包括：

天地图多源图层加载（影像、矢量、注记）；

图层显隐控制与透明度动态调节；

基础三维场景漫游、定位与飞行；

支持叠加SuperMap iServer发布的S3M三维服务数据；

Vue组件化封装，便于集成到现有Vue项目中。

项目二：离线三维可视化（Bing中文地图 + 90米离线高程）
本项目构建了一套完全脱离网络的三维地球离线运行方案，地图底图使用QGIS导出的Bing中文地图XYZ瓦片，高程数据使用90米分辨率DEM经CesiumLab地形切片后生成离线地形服务。核心功能包括：

离线Bing中文卫星影像底图加载；

90米分辨率真实三维地形起伏呈现；

完全离线运行，无需任何网络请求；

支持场景旋转、缩放、倾斜等基础交互；

轻量化部署，可运行于便携笔记本或内网服务器。

项目一：在线三维可视化（SuperMap + 天地图 + Vue）
技术选型：Vue3 + Vite构建前端工程，Cesium引擎采用SuperMap iClient3D for Cesium定制包，该包扩展了原生ImageryProvider体系，原生支持TiandituImageryProvider及SuperMapImageryProvider等国产地图服务接口。

工程化封装：在Vue组件的onMounted生命周期中创建Cesium Viewer实例，通过viewer.imageryLayers.addImageryProvider()动态加载天地图影像、矢量及注记三种图层，并封装图层显隐控制与透明度调节方法供UI调用。同时禁用依赖国外在线服务的baseLayerPicker、geocoder等默认控件。

组件化设计：将Viewer实例、图层管理、场景操作等核心能力抽离为可复用的Composition API（useCesium、useTiandituLayer），便于在不同页面中复用三维场景能力。

部署方式：编译后部署于Web服务器，客户端需联网访问天地图服务。

项目二：离线三维可视化（Bing中文地图 + 90米离线高程）
离线底图制作：在QGIS中通过HCMGIS插件下载指定区域的Bing Virtual Earth卫星影像，导出为XYZ瓦片格式（EPSG:3857坐标系），生成完整瓦片目录及tilemapresource.xml元数据文件。

离线地形处理：从地理空间数据云获取90米分辨率SRTM DEM数据（.tif格式），使用CesiumLab进行地形切片，输出quantized-mesh格式的瓦片数据集，包含layer.json及各级地形瓦片文件。