美文网首页开源Cesium
Cesium加载网格影像服务

Cesium加载网格影像服务

作者: WebGiser | 来源:发表于2018-11-10 17:57 被阅读1次

    在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

    相关文章

      网友评论

        本文标题:Cesium加载网格影像服务

        本文链接:https://www.haomeiwen.com/subject/pvttfqtx.html