实现效果如图：

详细步骤

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，配置方式如下：

<code>server {

listen9005;

server_name127.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;

}

}

}

到此就结束了！