Cesium中添加天地图

最新推荐文章于 2025-03-18 00:00:00 发布

足迹2017

最新推荐文章于 2025-03-18 00:00:00 发布

阅读量2.9k

点赞数

分类专栏： Cesium 文章标签： Cesium学习

本文链接：https://blog.csdn.net/qq_28459505/article/details/80068378

版权

Cesium 专栏收录该内容

13 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <script src="Cesium/Cesium.js"></script>
    <link rel="stylesheet" href="Cesium/Widgets/widgets.css"/>
    
<style type="text/css">
    html, body, #cesiumContainer {
        width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
    }
</style>
    
</head>
<body>
<div id="cesiumContainer">
</div>
<script> 
var viewer = new Cesium.Viewer('cesiumContainer',{
    animation:false,       //是否显示动画控件
    homeButton:true,       //是否显示home键
    geocoder:true,         //是否显示地名查找控件
	baseLayerPicker:false, //是否显示图层选择控件
    timeline:false,        //是否显示时间线控件
    fullscreenButton:true, //是否全屏显示
    infoBox:true,         //是否显示点击要素之后显示的信息
    sceneModePicker:true,  //是否显示投影方式控件  三维/二维
    navigationInstructionsInitiallyVisible:false,
    navigationHelpButton:false,     //是否显示帮助信息控件
    selectionIndicator:false,      
    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: "tdtBasicLayer",
        style: "default",
        format: "image/jpeg",
        tileMatrixSetID: "GoogleMapsCompatible",
        show: false
    })
});
   viewer._cesiumWidget._creditContainer.style.display = "none";  //	去除版权信息
   
   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.jpg",
    layer: "tdtAnnoLayer",
    style: "default",
    format: "image/jpeg",
    tileMatrixSetID: "GoogleMapsCompatible",
    show: false
}));
   /*   
    imageryProvider : new Cesium.WebMapTileServiceImageryProvider({               //全球适量底图服务
        url: "http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles",
        layer: "tdtVecBasicLayer",
        style: "default",
        format: "image/jpeg",
        tileMatrixSetID: "GoogleMapsCompatible",
        show: false
    })
});   
   viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({    //全球适量中文注记服务
    url: "http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg",
    layer: "tdtAnnoLayer",
    style: "default",
    format: "image/jpeg",
    tileMatrixSetID: "GoogleMapsCompatible"
}));
   */
</script>
</body>
</html>