开源Cesium

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

2018-11-10  本文已影响1人  WebGiser

在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 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
        });
 
        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;//改变亮度
上一篇下一篇

猜你喜欢

热点阅读