cesium-------地形服务

1.createWorldTerrain(创建地形)
2.EllipsoidTerrainProvider(操作地形数据的接口)提供了最简单的,无需额外负担的地形数据来构网

var worldTerrain = Cesium.createWorldTerrain({
          requestWaterMask: true,
          requestVertexNormals: true
       });
       var ellipsoidProvider = new Cesium.EllipsoidTerrainProvider();

       var mtdt = new Cesium.WebMapTileServiceImageryProvider({
          url: 'http://t0.tianditu.com/img_w/wmts?',
          layer: 'img',
          style: 'default',
          format: 'tiles',
          tileMatrixSetID: 'w',
          credit: new Cesium.Credit('天地图全球影像服务'),
          maximumLevel: 18
       });

       var viewer = new Cesium.Viewer('cesiumContainer', {
          imageryProvider: mtdt,
          contextOptions: {
              webgl: {
                 alpha: true
             }
          },
          creditContainer: "creditContainer",
          selectionIndicator: false,
          animation: false, //是否显示动画控件
          baseLayerPicker: false, //是否显示图层选择控件
          geocoder: false, //是否显示地名查找控件
          timeline: false, //是否显示时间线控件
          sceneModePicker: true, //是否显示投影方式控件
          navigationHelpButton: false, //是否显示帮助信息控件
          infoBox: false, //是否显示点击要素之后显示的信息
          fullscreenButton: true
       });

       viewer.terrainProvider = ellipsoidProvider;//地形数据源 terrainProvider
       //取消双击事件      viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
      //设置homebutton的位置
      Cesium.Camera.DEFAULT_VIEW_RECTANGLE =
             Cesium.Rectangle.fromDegrees(110.15, 34.54, 110.25, 34.56);//Rectangle(west, south, east, north)
       //设置初始位置
      viewer.camera.setView({
          destination: Cesium.Cartesian3.fromDegrees(110.20, 34.55, 3000000)
       });

在viewer初始化时将baseLayerPicker设置为true,

2.本地地形数据处理及加载
由于Cesium加载地形数据是特定的.terrain格式数据,下载大部分地形原数据都是.tif格式的,因此需要转换工具进行地形数据的处理。很多乐于奉献的大牛已经写好了转换工具,现在使用最多是叫ctb一个工具。下面我们就了解下具体的处理过程:
http://blog.sina.com.cn/s/blog_15e866bbe0102yvem.html 地图数据格式转换方法

3.发布地形 自定义地图数据源
var terrainProvider = new Cesium.CesiumTerrainProvider({
url : ‘./sampledata/terrain/ctb-merger/’
});
viewer.terrainProvider = terrainProvider;//指定地形数据源
viewer.scene.fxaa = false;//抗锯齿
viewer.scene.fog.enabled = false;

4.地形数据采样
sampleTerrain接口允许我们使用异步方式请求指定坐标点的高程信息

在这里插入图片描述

//sampleTerrain返回是promise异步类型对象,需要使用when接口调用获取结果。
//我们编写一个地形获取工具:
var TerrainTool=(
    function () {
     var terrainProvider = new Cesium.CesiumTerrainProvider({
          url: './sampledata/terrain/ctb-merger/'
       });
    var terrainLevel = 14;//数据等级
      function _() {
              }
     _.LonlatPointsTerrainData = function (lonlats, callback) {
        //请求高程
        var pointArrInput = [];
        for (var i = 0; i < lonlats.length; i++) {
pointArrInput.push(Cesium.Cartographic.fromDegrees(lonlats[i].lon, lonlats[i].lat));
        }
      var promise = Cesium.sampleTerrain(terrainProvider, terrainLevel, pointArrInput);//pointArrInput
         Cesium.when(promise, function (updatedPositions) {
            callback(updatedPositions);
         });
      };
         return _;
      }
  )();
在鼠标点击事件中调用:
 var CesiumEventHandler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
    //得到当前三维场景的椭球体
    var ellipsoid = viewer.scene.globe.ellipsoid;
   CesiumEventHandler.setInputAction(function (movement) {
       cartesian = viewer.camera.pickEllipsoid(movement.position, ellipsoid);//movement.endPosition
       if (cartesian) {
          //将笛卡尔坐标转换为地理坐标
           var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
           var longitudeDegree = Cesium.Math.toDegrees(cartographic.longitude);
           var latitudeDegree = Cesium.Math.toDegrees(cartographic.latitude);
          TerrainTool.LonlatPointsTerrainData([{ 'lon': longitudeDegree, 'lat': latitudeDegree }],
              function (terrainData) {
                 if (terrainData.length > 0) {
                     +
                        '\nlat:' + Cesium.Math.toDegrees(terrainData[0].latitude) +
                        '\nheight:' +  (terrainData[0].height ? terrainData[0].height : 0)
                        );
                 } else {
                     ;
                 }
                 
           });
       }  
    }, Cesium.ScreenSpaceEventType.LEFT_UP);

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值