高德WMTS瓦片地图服务地图图源规律

郭小白呀

已于 2022-12-13 16:59:19 修改

阅读量3.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：高德地图文章标签：前端 javascript html

于 2022-11-30 15:59:34 首次发布

原文链接：https://blog.csdn.net/qq_31881865/article/details/103741538

高德地图专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了高德地图WMTS瓦片服务的请求地址参数，包括lang、size、style、scl和ltype等变量的含义，并展示了不同参数组合下的地图样式，如卫星图、道路图和标注图等。同时，提供了在Cesium和Leaflet中添加高德地图服务的示例代码，帮助开发者实现地图的集成。

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

本篇文章为转载记录，原文：【转】高德WMTS瓦片地图服务地图图源规律_为了淑宝努力努力的博客-CSDN博客

高德地图服务地址规则

先来看一个典型的高德地图的瓦片请求：

https://wprd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x=54658&y=26799&z=16&scl=1&ltype=1

从上面的请求地址可以看出，主要影响瓦片发布方式的变量有几种：

变量	说明
域名(wprd,wpst)	目前还没有找出规律
lang	可以通过zh_cn设置中文，en设置英文
size	基本无作用
style	地图类型控制，6卫星（st），7简图（st rd），8详图（不透明rd，透明图st）
scl	尺寸控制，1=256,2=512
ltype	线性控制，增加后，只对地图要素进行控制，没有文字注记，要素多少，是否透明

image.png

这些规律并不是绝对的，有可能有的组合某些参数不起作用，典型的组合应用场景在后面列出。

影像图

https://webst01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&style=6

image.png

标注道路图

道路纯图

https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x=54658&y=26799&z=16&scl=1&ltype=2

image.png

道路简图
http://webrd01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&size=1&scale=1&style=7

image.png

道路详图

http://webrd01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&lang=zh_cn&size=1&scale=1&style=8

image.png

透明标注道路图

纯道路

http://wprd01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&lang=zh_cn&size=1&scl=1&style=8&ltype=11

image.png

纯地标

https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=8&x=54658&y=26799&z=16&scl=1&ltype=4

image.png

道路标注

http://webst01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&lang=zh_cn&size=1&scale=1&style=8

image.png

注意：
高德图源是做了偏移的，如果需要叠加WGS84坐标系的国外图源(如google影像等)会出现偏移。如果叠加的是国内的加偏的底图或者调用高德相关API则可以正常使用，负负得正(¦3」∠)。

image.png

在Cesium中添加高德地图服务

var viewer = new Cesium.Viewer("cesium-container");
var gaodeImageProvider = new Cesium.UrlTemplateImageryProvider({
url:"https://webst{s}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&style=6", // 添加高德影像
subdomains:["01","02","03","04"] //多域名请求
})
viewer.imageryLayers.addImageryProvider(gaodeImageProvider);

image.png

在leaflet中使用图层:

L.tileLayer('https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}').addTo(map)