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>
叠加瓦片后的效果图: