Cesium加载高德地图

最新推荐文章于 2025-05-03 14:39:14 发布

牛code

最新推荐文章于 2025-05-03 14:39:14 发布

阅读量4.7k

点赞数 5

分类专栏： # 互联网地图

本文链接：https://blog.youkuaiyun.com/qq_25064691/article/details/114494076

版权

互联网地图专栏收录该内容

5 篇文章

订阅专栏

该博客展示了如何在Cesium中加载高德地图的矢量图、影像图和标记图。通过UrlTemplateImageryProvider，分别配置不同的URL参数，实现了从高德地图服务获取不同类型的瓦片数据并显示在Cesium三维地球中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Cesium加载高德矢量图

 tdtLayer = new Cesium.UrlTemplateImageryProvider({
                url: "http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
                minimumLevel: 3,
                maximumLevel: 18
            })
            viewer.imageryLayers.addImageryProvider(tdtLayer);

Cesium加载高德影像图

 //高德影像
             tdtLayer = new Cesium.UrlTemplateImageryProvider({
                url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
                minimumLevel: 3,
                maximumLevel: 18
            })
            viewer.imageryLayers.addImageryProvider(tdtLayer);

Cesium加载高德标记图

 //高德路网中文注记
            tdtLayer = 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",
                minimumLevel: 3,
                maximumLevel: 18
            })
           
            viewer.imageryLayers.addImageryProvider(tdtLayer);