Cesium 地图控件与添加高德地图

最新推荐文章于 2024-05-14 10:49:40 发布

zllAlbert

最新推荐文章于 2024-05-14 10:49:40 发布

阅读量471

点赞数

分类专栏： Cesium 文章标签：前端 javascript css

本文链接：https://blog.csdn.net/Zll321723/article/details/129519857

版权

Cesium 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

<!doctype html>
<html>
<head>
    <title>地图控件与添加高德地图</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="../Build/Cesium/Widgets/widgets.css">
    <script type="text/javascript" src="../Build/Cesium/Cesium.js"></script>
    <style>
        div,
        body {
            padding: 0;
            margin: 0;
        }
        .cesium-widget-credits {
            display: none !important;
        }
    </style>
<body>
    <div id="cesiumcontainer" style = "width:100%;height:100%"></div>
    <script type="text/javascript">
        var viewer = new Cesium.Viewer("cesiumcontainer", {
            //搜索框
            geocoder: false,
            //home键
            homeButton: false,
            // 动画控件
            animation: false,
            //全屏按钮
            fullscreenButton: false,
            //场景模式选择器
            sceneModePicker: false,
            //时间轴
            timeline: false,
            //导航提示
            navigationHelpButton: false,
            //地图选择器
            baseLayerPicker: false,
            imageryProvider: new Cesium.UrlTemplateImageryProvider({
                url: " http://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
                minimumLevel: 1,
                maximumLevel: 18
            }),
        });
        var imaglyser=  new Cesium.ImageryLayer(new Cesium.UrlTemplateImageryProvider({
                url:" http://webst01.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}",
                minimumLevel: 1,
                maximumLevel: 18
            }));
       viewer.imageryLayers.add(imaglyser);
    </script>
</body>
</html>