1. 程式人生 > >Cesium三維球上邊疊加天地圖瓦片

Cesium三維球上邊疊加天地圖瓦片

< script >         var viewer = new Cesium.Viewer( 'cesiumContainer', {             animation: false, //是否建立動畫小器件,左下角儀表      baseLayerPicker: false
, //是否顯示圖層選擇器      fullscreenButton: false, //是否顯示全屏按鈕      geocoder: false, //是否顯示geocoder小器件,右上角查詢按鈕       homeButton: false, //是否顯示Home按鈕      infoBox: false, //是否顯示資訊框
     sceneModePicker: false, //是否顯示3D/2D選擇器      selectionIndicator: false, //是否顯示選取指示器元件      timeline: false, //是否顯示時間軸      navigationHelpButton: false, //是否顯示右上角的幫助按鈕
     scene3DOnly: true, //如果設定為true,則所有幾何圖形以3D模式繪製以節約GPU資源             imageryProvider: 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: "tdtImgBasicLayer",                 style: "default",                 format: "image/jpeg",                 show: false             })
        });         viewer.imageryLayers.addImageryProvider( 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&format=tiles",             layer: "tdtImgAnnoLayer",             style: "default",             format: "image/jpeg",             tileMatrixSetID: "GoogleMapsCompatible",             show: false         }));         pviewer._cesiumWidget._creditContainer.style.display = "none" // 去除左下角的logo         Cesium.viewerCesiumNavigationMixin(viewer, {}); // 新增右邊的控制元件         viewer.camera.flyTo({             destination: Cesium.Cartesian3.fromDegrees( 91.13, 29.66, 30000.0) // 初始化球時的定位         });      < / script >
疊加瓦片後的效果圖: