leaflet定制去元素


leaflet地图去高速公路等元素


//加载地图
function mapInit(divId) {
    var GoogleLayer1 = L.tileLayer(
            'http://{s}.google.cn/vt/lyrs=p&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}&apistyle=s.t:3|p.v:off',
            {
                subdomains : [ "mt0", "mt1", "mt2", "mt3" ]
            });
    var GoogleLayer2 = L.tileLayer(
            'http://{s}.google.cn/vt/lyrs=y&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}&apistyle=s.t:3|p.v:off',
            {
                subdomains : [ "mt0", "mt1", "mt2", "mt3" ]
            });
    var GoogleLayer3 = L.tileLayer(
            'http://{s}.google.cn/vt/lyrs=m&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}&apistyle=s.t:3|p.v:off',
            {
                subdomains : [ "mt0", "mt1", "mt2", "mt3" ]
            });

    map = L.map(divId, {
        zoomControl : false,
        attributionControl : false,
        center : [22.5419, 113.005 ], //   
        zoom : 6,
        maxZoom : 11,
        minZoom : 4,
        layers : [ GoogleLayer3 ]
    });
    var baseLayers = {
        "地形图" : GoogleLayer1,
        "卫星图" : GoogleLayer2,
        "路线图" : GoogleLayer3
    };
    L.control.layers(baseLayers).addTo(map);
    map.on("click", function(e) {
        console.info(e);
    })
    var zoomControl = L.control.zoom({
        position : 'topright'
    });
    map.addControl(zoomControl);

    //SZIMG= L.imageOverlay("", [ [ 22.220337, 113.708748 ], [ 23.082511, 114.642996 ] ]).addTo(map).bringToFront().setOpacity(0);
    //GDIMG =L.imageOverlay("", [ [ 19.974412, 109.414801 ], [ 25.764966, 117.499639 ] ]).addTo(map).bringToFront().setOpacity(0);

}

关键点: url后面加 &apistyle=s.t:3|p.v:off

转载自:https://blog.csdn.net/maobois/article/details/72902482

You may also like...