史上最全第三方地图服务汇总【天地图/高德/百度/腾讯/谷歌地图等】—— 附加载示例

Webgis开发过程中，我们一般使用第三方地图服务作为底图。本篇博文给大家介绍市面上常用的第三方地图服务，应该算的上是史上最全，同时奉上Leaflet加载互联网地图的示例，供开发者参考。

leaflet加载示例：Leaflet加载互联网地图示例

1. 天地图

加载天地图开发示例（load-tianditu-map.html）

• 矢量图

地图 https://t{s}.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=

标注 https://t{s}.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=

• 影像图

地图 https://t{s}.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=

标注 https://t{s}.tianditu.gov.cn/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=

• 地形图

地图 https://t{s}.tianditu.gov.cn/ter_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ter&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=

标注 https://t{s}.tianditu.gov.cn/cta_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cta&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=

备注：

（1）使用天地图，需要申请浏览器端的许可（申请地址：天地图开发者平台）；

（2）以上服务地址中的可选域地址（地址中{s}的可选值）为 ['0', '1', '2', '3', '4', '5', '6', '7']。

2. 高德地图

加载高地地图示例（load-amap-map.html）

• 矢量图

http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}

• 影像图

地图 http://webst0{s}.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}

标注 http://webst0{s}.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}

• 实时路况

http://tm.amap.com/trafficengine/mapabc/traffictile?v=1.0&;t=1&x={x}&y={y}&z={z}&&t={time}

备注：高德地图服务中的可选域地址为["1", "2", "3", "4"]，实时路况中的时间参数获取方式为 time = new Date().getTime()。

3. 百度地图

加载百度地图开发示例（load-baidu-map.html）

• 矢量图

https://maponline{s}.bdimg.com/tile/?qt=vtile&x={x}&y={y}&z={z}&styles=pl&scaler=2&udt=20230105&from=jsapi2_0

• 影像图

地图 http://shangetu{s}.map.bdimg.com/it/u=x={x};y={y};z={z};v=009;type=sate&fm=46

标注 http://online{s}.map.bdimg.com/tile/?qt=tile&x={x}&y={y}&z={z}&styles={sh/sl}&v=020

• 实时路况

含标注 http://its.map.baidu.com:8002/traffic/TrafficTileService?x={x}&y={y}&level={z}&time={ time}&label=web2D&v=017

不含标注 http://its.map.baidu.com:8002/traffic/TrafficTileService?level={z}&x={x}&y={y}&time={time}&v=081&scaler=1

• 自定义样式地图

http://api{s}.map.bdimg.com/customimage/tile?&x={x}&y={y}&z={z}&scale=1&customid={customid}

备注：

（1）服务可选域名：[‘0’, ‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’, ‘7’, ‘8’, ‘9’]，其中自定义样式地图的可选域名为[‘0’, ‘1’, ‘ 2’]；

（2）样式说明：矢量地图中的字体样式，ph标注字体大，pl标注的字体小；影像图标注中的sh与sl同理，前者表示标注字体大，后者字体小；

（3）实时路况中的时间，可通过time = new Date().getTime();获取值；

（4）自定义样式地图中的customid可选择包括dark,midnight,grayscale,hardedge,light,redalert,

googlelite,grassgreen,pink,darkgreen,bluish,也可自定义配图后生成。

==> 百度已关闭第三方SDK加载自定义地图，如需使用，需配合百度地图SDK使用（20240828）

4. 谷歌地图

==> 已关闭国内服务

• 矢量图

http://mt{s}.google.cn/vt/lyrs=m@227000000&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}&s=

http://www.google.cn/maps/vt?lyrs=m@189&gl=cn&x={x}&y={y}&z={z}

• 影像图

http://mt{s}.google.cn/vt/lyrs=s@227000000&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}&s=

http://www.google.cn/maps/vt?lyrs=s@189&gl=cn&x={x}&y={y}&z={z}

• 地形图

http://mt3.google.cn/vt/lyrs=t@132,r@248000000&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}&s=

http://www.google.cn/maps/vt?lyrs=t@189&gl=cn&x={x}&y={y}&z={z}

备注：

（1）服务中的可选域为[‘1’, ‘2’, ‘3’]；

（2）因美国封锁等原因，谷歌服务可能不再提供，可选用国内服务。

5. 腾讯地图

加载腾讯地图开发示例（load-tecent-map.html）

• 矢量地图

http://rt{s}.map.gtimg.com/realtimerender?z={z}&x={x}&y={y}&type=vector&style=0

• 影像图

地图 http://p{s}.map.gtimg.com/sateTiles/{z}/{x16}/{y16}/{x}_{y}.jpg

标注 http://rt{s}.map.gtimg.com/tile?z={z}&x={x}&y={y}&styleid=2&version=376

• 地形图

地图 http://p{s}.map.gtimg.com/demTiles/{z}/{x16}/{y16}/{x}_{y}.jpg

标注 http://rt{s}.map.gtimg.com/tile?z={z}&x={x}&y={y}&type=vector&styleid=3&version=376

备注：腾讯地图服务的可选域包括[‘0’, ‘1’, ‘2’]。

6. OpenStreetMap

==> OSM地图国内已无法访问

http://{s}.tile.osm.org/{z}/{x}/{y}.png，可选域包括[‘a’, ‘b’, ‘c’]

7. ArcGIS/ESRI

加载ArcGIS/ESRI的开发示例（load-arcgis-map.html）

全球影像 https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}

全球地形 https://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer/tile/{z}/{y}/{x}

全球晕渲图 https://server.arcgisonline.com/arcgis/rest/services/Elevation/World_Hillshade/MapServer/tile/{z}/{y}/{x}

全球晕渲图（黑色）https://server.arcgisonline.com/arcgis/rest/services/Elevation/World_Hillshade_Dark/MapServer/tile/{z}/{y}/{x}

==> 以下针对国内的地图服务已关停，如需使用，请使用全球地图服务（20240828）

服务为ArcGIS Server发布的WMTS地图服务，可从智图（http://www.geoq.cn/）或arcgisonline（http://cache1.arcgisonline.cn/ArcGIS/rest/services）调用，效果是一样的。

http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer/tile/{z}/{y}/{x}

http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetColor/MapServer/tile/{z}/{y}/{x}

http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}

http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetGray/MapServer/tile/{z}/{y}/{x}

http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetWarm/MapServer/tile/{z}/{y}/{x}

http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetCold/MapServer/tile/{z}/{y}/{x}

<=====

本文主要介绍常用的第三方地图服务，基本都是互联网公司提供的。对于某些服务的调用，如通过常用的leaflet/maptalks加载这些地图服务；针对百度地图、腾讯地图的使用（与其他地图服务切片上有区别，调用方式也不一致），可将这些地图服务封装成工具类，后续其他会陆续介绍。

Leaflet加载百度地图开发示例 - 最新最全最详细

Leaflet加载腾讯地图开发示例 - 最新最全最详细