Cesium三維球上邊疊加天地圖瓦片
阿新 • • 發佈:2018-11-07
<
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 >
疊加瓦片後的效果圖:
}); 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 >
疊加瓦片後的效果圖: