cesium高程tif数据转化成terrain

1、下载tif高程数据

(1)地理空间数据云:http://www.gscloud.cn/

cesium高程tif数据转化成terrain_第1张图片
image.png

(2)SRTM官网: http://srtm.csi.cgiar.org/
cesium高程tif数据转化成terrain_第2张图片
image.png

2、将下载的tif数据转化成cesium能够加载的terrain高程数据格式

使用工具cesiumlab:https://www.cesiumlab.com/

cesium高程tif数据转化成terrain_第3张图片
image.png

cesium高程tif数据转化成terrain_第4张图片
image.png

转化后的数据


cesium高程tif数据转化成terrain_第5张图片
image.png

3、cesium加载terrain高程数据

(1)将terrain文件夹和layer.json复制到tomcat下,并启动tomcat服务。


cesium高程tif数据转化成terrain_第6张图片
image.png

(2)cesium中展示高程数据
1、在cesium的沙盒中直接展示:

var viewer = new Cesium.Viewer('cesiumContainer');
var terrainLayer = new Cesium.CesiumTerrainProvider({
         url: "http://localhost:8080/wzf_terrain", 
});
viewer.scene.terrainProvider = terrainLayer;

//设置初始位置
viewer.camera.setView({
    destination:Cesium.Cartesian3.fromDegrees(80, 30, 10000)
});
cesium高程tif数据转化成terrain_第7张图片
image.png

2、在vue工程中展示







image.png

你可能感兴趣的:(cesium高程tif数据转化成terrain)