Cesium加载地形数据(cesiumlab制作地形数据),从源数据到地形服务

目录

1  下载地形数据(DEM)

2  拼接数据,并裁剪 

3  ceiumlab地形切片

4  使用tomcat发布(Nginx等也可)

5  cesium中使用地形服务


手摸手教会你:如何在cesium加载自己制作的地形数据

1  下载地形数据(DEM)

下载地址:地理空间数据云 (gscloud.cn)

 步骤1: 进入高级检索Cesium加载地形数据(cesiumlab制作地形数据),从源数据到地形服务_第1张图片

  步骤2: 选择数据集

Cesium加载地形数据(cesiumlab制作地形数据),从源数据到地形服务_第2张图片

 步骤3: 选择区域

Cesium加载地形数据(cesiumlab制作地形数据),从源数据到地形服务_第3张图片

 步骤4: 逐个下载 

Cesium加载地形数据(cesiumlab制作地形数据),从源数据到地形服务_第4张图片

2  拼接数据,并裁剪 

下载之后的数据为压缩包,解压之后,在ArcGIS中拼接、裁剪(也可以选择其他软件)

Cesium加载地形数据(cesiumlab制作地形数据),从源数据到地形服务_第5张图片

 拼接,裁剪

 Cesium加载地形数据(cesiumlab制作地形数据),从源数据到地形服务_第6张图片

3  ceiumlab地形切片

简单的切片操作:选择上一步裁剪输出的dem_clip.tif

Cesium加载地形数据(cesiumlab制作地形数据),从源数据到地形服务_第7张图片

 地形切片结果

Cesium加载地形数据(cesiumlab制作地形数据),从源数据到地形服务_第8张图片

4  使用tomcat发布(Nginx等也可)

把切片结果(文件夹YiChangShi)拷贝至tomcat的webapps文件下,启动服务,记录访问地址http://localhost:7080/YiChangShi/

5  cesium中使用地形服务

在初始化地图的时候直接加载(也可以事后加载)

window.viewer = new Cesium.Viewer('mapContainer', {
        sceneMode: Cesium.SceneMode.SCENE3D,
        infoBox: false, //信息框
        selectionIndicator: false, //绿色框

        geocoder: false,//是否显示geocoder小器件,右上角查询按钮
        homeButton: false,//是否显示Home按钮
        sceneModePicker: false,//是否显示3D/2D选择器
        baseLayerPicker: false,//是否显示图层选择器

        navigationHelpButton: false,//是否显示右上角的帮助按钮
        animation: false,//是否创建动画小器件,左下角仪表
        timeline: false,//是否显示时间轴
        fullscreenButton: false,//是否显示全屏按钮

        // imageryProvider: tdtImageryProvider, // 天地图
        terrainProvider: new Cesium.CesiumTerrainProvider({  
            url:"http://localhost:7080/YiChangShi/",  
            minimumLevel: 0,  
            maximumLevel: 15,  
        }), 
    });

 加载效果

你可能感兴趣的:(Cesium,前端)