main

分支 (1)

管理

管理

main

cesium_pdf
/
3.1.2数据加载篇_影像加载_天地图.html

<!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>影像加载_天地图</title>
    <script src="./Build/Cesium/Cesium.js"></script>
    <link rel="stylesheet" href="./Build/Cesium/Widgets/widgets.css">
    <style>
        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", {
            baseLayerPicker: false, //图层选择控件
            animation: false, //是否显示动画工具
            timeline: false,  //是否显示时间轴工具
            fullscreenButton: false,  //是否显示全屏按钮工具
            //加载天地图影像图
            imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
                url: "http://t{s}.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&tk=26322dcfabb058ef85aa3fa66f0f59f0",
                subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'], //服务负载子域 定义子域数组，用于在URL模板中替换{s}。这些子域可以帮助分散服务器的负载
                layer: "tdtImgLayer", // 定义了图层的名称，用于在URL模板中替换LAYER参数
                style: "default",    // 定义了样式名称，用于在URL模板中替换style参数
                format: "image/jpeg", // 定义了图像的格式，用于在URL模板中替换format参数
                tileMatrixSetID: "GoogleMapsCompatible",//使用谷歌的瓦片切片方式 定义了瓦片矩阵集的ID，用于在URL模板中替换tileMatrixSet参数。这个ID表示使用与谷歌地图兼容的瓦片切片方式。
                show: true //是否显示图层
            }),
            })


        viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
            //天地图影像注记
            url: "http://t{s}.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&tk=26322dcfabb058ef85aa3fa66f0f59f0",
            subdomains: ['0','1','2','3','4','5','6','7'],
            layer: "tdtCiaLayer",
            style: "default",
            format: "image/jpeg",
            tileMatrixSetID: "GoogleMapsCompatible",
            show: true
        }));


    </script>
</body>

</html>