美文网首页开源Cesium
Cesium加载瓦片坐标影像服务

Cesium加载瓦片坐标影像服务

作者: WebGiser | 来源:发表于2018-11-10 17:53 被阅读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 TileCoordinatesImagery = new Cesium.TileCoordinatesImageryProvider();
     
          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 TileCoordinatesImageryLayer =imageryLayers.addImageryProvider(TileCoordinatesImagery);//添加瓦片坐标图层
            imageryLayers.raiseToTop(TileCoordinatesImageryLayer);//将瓦片坐标图层置顶
    
    image.png

    相关文章

      网友评论

        本文标题:Cesium加载瓦片坐标影像服务

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