天地图 / 高德 / 百度 / 腾讯 / 谷歌地图等 —— 附加载示例
本文详细列举了市面上常见的第三方地图服务，包括天地图、高德地图、百度地图、谷歌地图、腾讯地图、OpenStreetMap以及Geoq/ESRI等，提供了各种地图类型的URL模板，涵盖矢量图、影像图、地形图和实时路况等。同时，提到了各地图服务的可选域名及特定参数，为WebGIS开发提供了全面的参考资料。
Leaflet加载示例：Leaflet加载常用互联网地图示例
目录
1. 天地图
加载天地图开发示例：在线演示
📍 矢量图
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=
📝 备注
使用天地图，需要申请浏览器端的许可（申请地址：http://lbs.tianditu.gov.cn/）
以上服务地址中的可选域地址（地址中
{s}的可选值）为['0', '1', '2', '3', '4', '5', '6', '7']
2. 高德地图
加载高德地图示例：在线演示
📍 矢量图
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. 百度地图
加载百度地图开发示例：在线演示
📍 矢量图
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}
📝 备注
服务可选域名：
['0', '1', '2', '3', '4', '5', '6', '7', '8', '9']，其中自定义样式地图的可选域名为['0', '1', '2']样式说明：
矢量地图中的字体样式：
ph标注字体大，pl标注的字体小影像图标注中的
sh与sl同理，前者表示标注字体大，后者字体小
实时路况中的时间：可通过
time = new Date().getTime()获取值自定义样式地图中的
customid可选值：dark,midnight,grayscale,hardedge,light,redalertgooglelite,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', '2', '3']因美国封锁等原因，谷歌服务可能不再提供，可选用国内服务
5. 腾讯地图
加载腾讯地图开发示例：在线演示
📍 矢量地图
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的开发示例：在线演示
🌍 全球服务
全球影像
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）调用，效果是一样的。
ChinaOnlineCommunity
http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer/tile/{z}/{y}/{x}
ChinaOnlineStreetColor
http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetColor/MapServer/tile/{z}/{y}/{x}
ChinaOnlineStreetPurplishBlue
http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}
ChinaOnlineStreetGray
http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetGray/MapServer/tile/{z}/{y}/{x}
ChinaOnlineStreetWarm
http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetWarm/MapServer/tile/{z}/{y}/{x}
ChinaOnlineStreetCold
http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetCold/MapServer/tile/{z}/{y}/{x}
📚 相关阅读
本篇主要介绍常用的第三方地图服务，基本都是互联网公司提供的。对于某些服务的调用，如通过常用的leaflet/maptalks加载这些地图服务，或腾讯地图的使用（与其他地图服务切片上有区别，调用方式也不一致），或将这些地图服务封装成工具类，后续章节会陆续介绍。
Leaflet加载腾讯地图的方式，请参考博文：腾讯地图加载详细说明 —— 以leaflet为例
Leaflet加载百度地图的方式，请参考博文：Leaflet加载百度地图开发示例 - 最新最全最详细
🔧 URL参数说明
🏷️ 标签
WebGIS 地图服务 前端开发 天地图 高德地图 百度地图 腾讯地图 Leaflet OpenLayers
评论区