超图SuperMap-Cesium，地形图层，可以渲染一个或多个地形（地形可缓存DEM,TIN方式），webGL代码开发（2024-04-08）

宝子卡粉

已于 2024-04-08 14:50:01 修改

阅读量1.1k

点赞数 8

CC 4.0 BY-SA版权

文章标签： webgl

于 2024-04-08 14:26:15 首次发布

本文链接：https://blog.csdn.net/hap1994/article/details/137506740

本文介绍了如何使用Cesium库在Web应用中加载TIN和DEM格式的地形数据，包括单个TIN文件和多个DEM文件的处理方法，以及CesiumTerrainProvider和SCTTerrainProvider的配置和层次渲染顺序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、缓存文件类型TIN格式，TIN的地形sct只能加一个

const viewer = new Cesium.Viewer('cesiumContainer');
viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
    isSct: true,  // 是否为iServer发布的TIN地形服务,stk地形设置为false
    requestWaterMask : true,  // 是否请求水面标志位（用于水面特效），默认不请求。
    requestVertexNormals : true,  // 是否请求法线（用于光照效果），默认不请求。
    url:'http://localhost:8090/Terrain' //地形发布的iserver地址
})

参考文档：

CesiumTerrainProvider - Cesium Documentation

2、缓存文件类型DEM，DEM的地形sct可以加多个，按照先渲染的排在前面

备注：不能用生产场景的方式合并数据，要一个个直接导出就可以

const viewer = new Cesium.Viewer('cesiumContainer');
viewer.terrainProvider = new Cesium.SCTTerrainProvider({
    urls:[
    'http://localhost:8090/Terrain_1',
    'http://localhost:8090/Terrain_2',
    'http://localhost:8090/Terrain_3',
    'http://localhost:8090/Terrain_4'
   ] //地形发布的iserver地址数组
})

//Terrain_1会在最上层 2,3，4依次类推，Terrain_4在最底层

参考文档：

SCTTerrainProvider - Cesium Documentation