Cesium加载网络天地图影像服务和注记服务

最新推荐文章于 2024-07-18 17:31:17 发布

Light_10

最新推荐文章于 2024-07-18 17:31:17 发布

阅读量284

点赞数 2

文章标签：前端

本文链接：https://blog.csdn.net/Light_10/article/details/137972598

版权

本文介绍了如何在Cesium中通过天地图的WebMapTileServiceImageryProvider实现影像和注记服务的集成，包括URL配置、图层管理以及自定义视图设置。

摘要由CSDN通过智能技术生成

      //天地图影像服务
      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 tdtNoteLayerProvider = new Cesium.WebMapTileServiceImageryProvider({
            url:"http://t0.tianditu.com/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg",
            layer:"tiandituImgMarker",
            style:"default",
            format:"image/jpeg",
            tileMatrixSetID:"tiandituImgMarker",
            show:true,
            maximumLevel:16
        });

v1:
var tdtNoteLayerProvider =new Cesium.WebMapTileServiceImageryProvider({
            url: 'http://{s}.tianditu.gov.cn/cia_c/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles' + '&tk=' + SYSTEM_CONFIG.TOKENS.TDT_TK,
            layer: 'cia',
            style: "default",
            format: "tiles",
            tileMatrixSetID: "c",
            subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
            tilingScheme: new Cesium.GeographicTilingScheme(),
            tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"],
            maximumLevel: 18,
            show: true
            // style: 'default',
            // format: 'image/jpeg',
            // tileMatrixSetID: 'GoogleMapsCompatible'
        })
 
        var viewer = new Cesium.Viewer('cesiumContainer', {
            imageryProvider:tdtImagerLayerProvider,
            contextOptions:{
                webgl:{
                    alpha:true
                }
            },
            selectionIndicator:false,
            homeButton:false,
            animation:false,  //是否显示动画控件
            baseLayerPicker:false, //是否显示图层选择控件
            geocoder:false, //是否显示地名查找控件
            timeline:false, //是否显示时间线控件
            sceneModePicker:false, //是否显示投影方式控件
            navigationHelpButton:false, //是否显示帮助信息控件
            infoBox:false,  //是否显示点击要素之后显示的信息
            fullscreenButton:false   //是否显示全屏
        });
 
        //取消双击事件
       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, 10000000)
        });
 
 
        //----------------------------------多图层控制
        var imageryLayers = viewer.imageryLayers;
        var tdtNoteLayer = imageryLayers.addImageryProvider(tdtNoteLayerProvider);//添加注记图层
        imageryLayers.raiseToTop(tdtNoteLayer);//将注记图层置顶
        imageryLayers.alpha= 0.3;//改变透明度
        imageryLayers.brightness= 1.5;//改变亮度