本文主要是介绍Cesium实现加载离线地形数据（nginx发布数据，cesiumLab地形切片数据），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
实现效果如图：
详细步骤
1 下载地形数据（DEM）
下载地址：地理空间数据云 (gscloud.cn)
操作步骤：
注意：第3步可以自主选择DEM的分辨率，然后下载。
下载结果解压后如下图：
2 使用CesiumLab工具对地图数据进行切片处理
下载安装CesiumLab，这里就不详细说明了
对名称为ASTGTM2_N33E108_dem.tif文件进行切片处理。
操作步骤：
注意：存储格式选择“散列”。提交后待处理完成
提交处理结果如下图
3 发布切片数据（两种发布方式任选其一）
方式1、直接在CesiumLab服务发布，操作如下
获得到最终cesium工程需要的地形url:http://localhost:9003/terrain/ND1oIKj0
方式2、本地nginx发布
主要是nginx配置切片数据所在目录进行分发配置nginx.conf，配置方式如下：
server {listen 9005;server_name 127.0.0.1;# 这里需要写相对路径 绝对路径会报错404 root ../terrain; autoindex on;location / {# 支持跨域add_header Access-Control-Allow-Origin *;add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';}# 不存缓存 每次重新验证add_header Cache-Control "no-cache,must-revalidate";}获得到最终cesium工程需要的地形url：http://127.0.0.1:9005
4 cesium工程引用实现地形效果
// 加载地形
function loadDingx(type) {var url;url = "http://localhost:9005/";// url = "http://localhost:9003/terrain/ND1oIKj0"if (url != null) {if (type == 0) {viewer.terrainProvider = new Cesium.EllipsoidTerrainProvider();} else {var terrainProvider = new Cesium.CesiumTerrainProvider({url: url,requestVertexNormals: true,requestWaterMask: true ,tilingScheme: new Cesium.GeographicTilingScheme(),requestVertexNormals:true});viewer.terrainProvider = terrainProvider;}}
}到此就结束了！
这篇关于Cesium实现加载离线地形数据（nginx发布数据，cesiumLab地形切片数据）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
