GIS开发者社区

leaflet默认加载3857地图，加载3857地图时无需多余的设置
但加载4326地图时需要设置crs: L.CRS.EPSG4326，4326切片地图需要设置 zoomOffset: 1，否则无法加载

1.引入天地图的WMTS(两个都要用，一个是名称标注，一个地形)
（1）矢量地图

const VEC_C = 'http://t1.tianditu.com/vec_c/wmts?layer=vec&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}&tk=';

（2）标注地图

const CVA_C = 'http://t1.tianditu.com/cva_c/wmts?layer=cva&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}&tk='

2.初始化leaflet (TK_KEY 为你在天地图服务的key,去申请)

this.map = L.map('map', {
    minZoom: 3,
    maxZoom: 20,
    center: [29.563761, 106.550464],
    zoom: 15,
    zoomControl: false,
    attributionControl: false,
    crs: L.CRS.EPSG4326,
});