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 >

叠加瓦片后的效果图:

猜你喜欢

转载自blog.csdn.net/qq_34870529/article/details/79260401
今日推荐