main

分支 (1)

管理

管理

main

cesium_pdf
/
3.1.4数据加载篇_影像加载_高德地图.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,  //是否显示全屏按钮工具
            //加载高德地图，UrlTemplateImageryProvider接口是加载谷歌地图或者其他互联网地图的接口
            imageryProvider : new Cesium.UrlTemplateImageryProvider({
                url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
            })
        });

        //添加高德地图注记
        viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({
            url: "http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8",
        }));
    </script>
</body>

</html>