OpenLayers4加载天地图WMTS注意事项

OpenLayers4加载天地图WMTS注意事项

天地图官网：http://lbs.tianditu.gov.cn/home.html
OpenLayers官网：https://openlayers.org/

使用天地图之前需要申请密钥，我申请的是个人的浏览器端密钥。


申请的浏览器端密钥和服务器端密钥是有区别的，需要根据具体项目进行设置。最近做的项目由于一开始使用的是服务器端密钥，导致地图地图和标注服务无法完全加载，更换为浏览器端密钥后就解决了该问题。

本人使用的是WMTS服务，地图展示的示例代码：

天地图提供了很多实用地图服务
1.矢量底图：http://t0.tianditu.gov.cn/vec_c/wmts?tk=您的密钥（经纬度投影）
2.矢量标记：http://t0.tianditu.gov.cn/cva_c/wmts?tk=您的密钥（经纬度投影）
3.逆地理编码查询：http://api.tianditu.gov.cn/geocoder?postStr={‘lon’:116.37304,‘lat’:39.92594,‘ver’:1}&type=geocode&tk=您的密钥
4.地理编码查询：http://api.tianditu.gov.cn/geocoder?ds={“keyWord”:“延庆区北京市延庆区延庆镇莲花池村前街50夕阳红养老院”}&tk=您的密钥
5.行政区划服务：http://api.tianditu.gov.cn/administrative?postStr={“searchWord”:“北京”,“searchType”:“1”,“needSubInfo”:“false”,“needAll”:“false”,“needPolygon”:“true”,“needPre”:“true”}&tk=您的密钥

友情小礼包
由于使用的是openlayer在线的服务，为了加快浏览速度，忍痛花了5积分下载了5.3.0版本的离线包，有需要的小伙伴可在百度云提取。
百度云链接：https://pan.baidu.com/s/1kSSnKj9oT__SUTUhZQZPvA
提取码：8p8n