Leaflet 加载天地图

 var normalMapm = L.tileLayer('http://t3.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}', {
            maxZoom: 13,
            minZoom: 5,
            zoomOffset: 1
        })
        var normalMapa = L.tileLayer('http://t0.tianditu.gov.cn/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}', {
            maxZoom: 13,
            minZoom: 5,
            zoomOffset: 1
        })

        var imgMapm = L.tileLayer('http://t0.tianditu.gov.cn/img_c/wmts?layer=img&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}', {
            maxZoom: 13,
            minZoom: 5,
            zoomOffset: 1
        })
        var imgMapa = L.tileLayer('http://t0.tianditu.gov.cn/cia_c/wmts?layer=cia&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}', {
            maxZoom: 13,
            minZoom: 5,
            zoomOffset: 1
        })
   var normalMap = L.layerGroup([normalMapm, normalMapa]),
            imgMap = L.layerGroup([imgMapm, imgMapa]);
        var baseLayers = { "行政": normalMap ,"卫星":imgMap};

        var overlayLayers = {
        }

        var map = L.map("mapid", {
            crs: L.CRS.EPSG4326,
            center: [27.335483, 103.785457],
            zoom: 12,
            layers: [normalMap],
            zoomControl: false
        });
        L.control.layers(baseLayers, overlayLayers).addTo(map);
        L.control.zoom({
            zoomInTitle: '放大',
            zoomOutTitle: '缩小'
        }).addTo(map);

备注:注意投影方式EPSG4326、底图vec和注记cva都要

转载自:https://blog.csdn.net/zynevermore/article/details/85249610

You may also like...

退出移动版