Cesium三维球上边叠加天地图瓦片

炉火纯青-旺

已于 2023-07-17 21:10:09 修改

阅读量2.7k

点赞数

分类专栏：三维文章标签： javascript

于 2018-02-05 15:14:36 首次发布

本文链接：https://blog.csdn.net/qq_34870529/article/details/79260401

版权

三维专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <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>
</body>

</html>