leaflet - 在传单中显示其他缩放级别的图 block

Question

我正在尝试使用 Leaflet 制作离线 map 。

对于数据保存，用户可以选择不保存所有缩放级别。例如，用户具有缩放级别:- 15 和 17。

现在的问题是，当用户从 15 级放大到 16 级时。

如何在 16 级缩放上显示 15(或 17)级图层？

替代方案是跳过缩放级别 16，但也许还有其他选择？我查看了传单上的源代码，但我无法弄清楚。

JSFIDDLE

Update Fiddle使用跳过缩放级别的插件(由 Ilja Zverev 编写)

HTML

<div id="map"></div>
<div id="out"></div> 

JAVASCIPT

var map = L.map('map').setView([52.084, 5.11], 15);
isNoZoomlevel = 16;

L.tileLayer('http://a.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a>',
    maxZoom: 18
}).addTo(map);


map.on('zoomend', function() {
    console.log("I zoomed to level " + map.getZoom());    
    if(map.getZoom() == isNoZoomlevel) {
        console.log("This offline zoomlevel does not excist");
        $("#out").html("This is no zoomlevel");
         // Howto replace the zoomlevel 16 with 17 or 15??   
    } else {
        $("#out").html("");
    }
});

CSS

#map {
    height: 250px;
}

Answer 1

我刚刚专门为你做了LimitZoom plugin :只需在 L.Map 的 zooms: [15, 17, ...] 选项中指定缩放级别即可。