首先把需要使用的天地图服务,如矢量地图服务地址如下:
//天地图矢量服务
"http://t0.tianditu.gov.cn/vec_c/wmts?SERVICE=WMTS&REQUEST=GetTile&LAYER=vec&TILEMATRIXSET=c&FORMAT=tiles&VERSION=1.0.0&STYLE=default&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=密钥"
//天地图矢量注记
"http://t0.tianditu.gov.cn/cva_c/wmts?SERVICE=WMTS&REQUEST=GetTile&LAYER=cva&TILEMATRIXSET=c&FORMAT=tiles&VERSION=1.0.0&STYLE=default&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=密钥"
接着就是代码处理的方法:
1.添加代理,解决跨域问题
2.在地图服务的http后面加上s,即是https即可,如果是加载天地图的矢量地图服务需要加载完整的路径
服务地址如下:
var v_url = "https://t0.tianditu.gov.cn/vec_c/wmts?SERVICE=WMTS&REQUEST=GetTile&LAYER=vec&TILEMATRIXSET=c&FORMAT=tiles&VERSION=1.0.0&STYLE=default&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" + token;
根据需求渲染加载即可。