高德地图调用天地图 WMTS 服务

项目里原本用到高德地图的卫星图，但是放大到最小时，有些区域会显示“该区域没有卫星图”，这肯定不行，客户那里也说不过去，最后发现天地图的卫星图是可以的，但是整个项目已经写完了，用到地图的地方也多，换地图重写不现实，时间不够了，最后研究了一下，发现高德地图可以使用第三方图层，而天地图正好提供这种服务，所以，一通操作完美解决。

一.地图服务API
高德地图
第三方标准图层

AMap.TileLayer.WMTS

天地图
地图服务

二、使用步骤
        1.使用高德地图
        2.申请天地图地图服务Key
        高德示例

var wms  = new AMap.TileLayer.WMTS({url: 'https://services.arcgisonline.com/arcgis/rest/services/Demographics/USA_Population_Density/MapServer/WMTS/',        blend:false,tileSize:256,params:{'Layer': '0',Version:'1.0.0',Format: 'image/png'}
})
wms.setMap(map);

天地图示例

（1）元数据查询
http://t0.tianditu.gov.cn/img_w/wmts?request=GetCapabilities&service=wmts
（2）地图瓦片获取
http://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={x}&TILECOL={y}&tk=您的密钥

最终使用示例

<!doctype html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"><title>TileLayer.WMTS</title><style>html,body,#container {margin: 0;padding: 0;width: 100%;height: 100%;}</style>
</head>
<body>
<div id="container"></div>
<script src="//webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>
<script>var map = new AMap.Map('container', {resizeEnable: true,zoom: 15,center: [102.076705,38.383963]});var wms = new AMap.TileLayer.WMTS({url: 'http://t4.tianditu.gov.cn/img_w/wmts',blend: false,tileSize: 256,params: {Layer: 'img',Version: '1.0.0',Format: 'tiles',TileMatrixSet: 'w',STYLE:'default',tk:'天地图的key'}});wms.setMap(map);</script>
</body>
</html>

三、示例解析
1.tk
成功调用服务的关键就在于 params 的参数设置，我用到的是
影像底图（球面墨卡托投影）
http://t0.tianditu.gov.cn/img_w/wmts?tk=您的密钥
按照这个示例，很容易在调用时将 tk 写在URL后面，这样是不行的
必须将tk 作为 params 的参数来调用才行

四、高德地图卫星路网地图效果

五、调用WMTS服务地图显示效果

原文链接：https://blog.csdn.net/Marseill_world/article/details/117447045

高德地图调用天地图 WMTS 服务相关推荐

ArcMap桌面端如何正确加载天地图WMTS服务
众所周知,物联网数据展示中,大量使用地图数据作为分析及展示底图,由于天地图作为国内官方的地理信息数据来源,其合法性及权威性不容置疑.目前可以调用的天地图WMTS服务也非常多,但是最大的问题是天地图的W ...
OpenLayers 6 如何优雅的使用天地图WMTS服务“经纬度投影(CGCS2000)”和“球面墨卡托投影(EPSG:3857)”
最近google.com卫星图和bing卫星图相继有重大变动,常规方式已经没办法使用XYZ方式加载在线图了,于是我把目光转向了天地图.之前以为天地图是GCJ02加偏的资源,直到看到官网上这么一句话: ...
SuperMap iClient3D for WebGL 用 WebMapTileServiceImageryProvider 接口加载天地图 WMTS 服务
SuperMap iClient3D for WebGL 用 WebMapTileServiceImageryProvider 接口加载天地图 WMTS 服务申请天地图开发者 token 读懂能力文 ...
ArcGIS加载无偏天地图WMTS服务
摘要:本文介绍了在ArcGIS中加载天地图WMTS服务的流程及需要注意的事项.采用的ArcGIS软件版本为10.8. 博文编写时间:2022年2月26日. 天地图介绍见(国家地理信息公共服务平台天地 ...
arcgis添加天地图wmts服务
山东天地图服务网址http://www.sdmap.gov.cn/page/updateloginfo.html?id=bbe13448-dcfc-4f75-80c2-fe84613e4402,打开网 ...
天地图WMTS服务地址认知简介
天地图WMTS服务第通知认知简介 url地址:http://t0.tianditu.com/ter_c/wmts ter_c 解释 ter为地形 img为影像 vec 为矢量 cia 影像注记 cva ...
地图-高德天地图 WMTS 服务及规则
项目里原本用到高德地图的卫星图,但是放大到最小时,有些区域会显示"该区域没有卫星图",这肯定不行,客户那里也说不过去,最后发现天地图的卫星图是可以的,但是整个项目已经写完了,用到地 ...
openlayers 3扩展，调用百度地图、高德地图、天地图服务
调用这三个商业地图服务,我们使用的都是切片(Tile)地图服务,关于切片地图的含义这里做简单的介绍: 切片地图就是指将显示的地图切成一块一块的(256 * 256)分别显示加载.openlayers ...
GIS初学者，最新OpenLayers WMTS 天地图，OpenLayers加载天地图、调用天地图WMTS示例、tianditu、EPSG:3857、EPSG:4326
2018最新OpenLayers天地图加载可行方案,天地图WMTS调用,OpenLayers 天地图 WMTS GetCapabilities GetTile 最近要了解Web GIS方面的知识,对我 ...
高德地图调用和添加标注
看过高德地图API的同学都知道,高德地图不同端调用是不一样的,作为一个前端菜鸟,前一阵分别在pc端和移动端分别调用了高德地图.情况是这个样子的,PC端呢我们可以用高德API的web端的javascri ...

高德地图调用天地图 WMTS 服务

高德地图调用天地图 WMTS 服务相关推荐

最新文章

热门文章

高德地图 调用天地图 WMTS 服务

高德地图 调用天地图 WMTS 服务相关推荐

最新文章

热门文章

高德地图调用天地图 WMTS 服务

高德地图调用天地图 WMTS 服务相关推荐