Cesium加载网格影像服务

在Cesium的viewer中加载网格影像服务。

      //天地图影像
      var tdtImagerLayerProvider = new Cesium.WebMapTileServiceImageryProvider({
            url: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles",
            layer: "tiandituImg",
            style: "default",
            format: "image/jpeg",
            tileMatrixSetID: "tiandituImg",
            show: true,
            maximumLevel: 18
        });
 
      //网格影像
      var GridImagery= new Cesium.GridImageryProvider();
      var viewer = new Cesium.Viewer('cesiumContainer', {
            imageryProvider: tdtImagerLayerProvider,
            contextOptions: {
                webgl: {
                    alpha: true
                }
            },
            selectionIndicator: false,
            animation: false,  //是否显示动画控件
            baseLayerPicker: false, //是否显示图层选择控件
            geocoder: false, //是否显示地名查找控件
            timeline: false, //是否显示时间线控件
            sceneModePicker: true, //是否显示投影方式控件
            navigationHelpButton: false, //是否显示帮助信息控件
            infoBox: false,  //是否显示点击要素之后显示的信息
            fullscreenButton: true
        });
 
        //取消双击事件
       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)
        });
 
        var imageryLayers = viewer.imageryLayers;
        var GridImageryLayer = imageryLayers.addImageryProvider(GridImagery);//添加网格图层
        imageryLayers.raiseToTop(GridImageryLayer);//将网格图层置顶

image.png