[GIS] Leaflet maxBounds doesn’t prevent zooming out

extentsleaflet

In Leaflet 1.0.2, if you set maxBounds on a map, it prevents panning beyond those bounds, but does not prevent zoom out beyond them. Is this by design? It seems incorrect behaviour to me. I need to prevent display of the map beyond given bounds, and thought maxBounds would do it.

Best Answer

This is by design, or rather said, by default. The devs (me included) thought "well, users already have minZoom to prevent this kind of thing", so the focus was on making sure that the maxBounds were always visible when zoomed out.

As a workaround, you might want to run something like:

 map.setMinZoom( map.getBoundsZoom( map.options.maxBounds ) );

Be aware that this might change if the map container is resized.

Related Solutions

[GIS] Adding a control for geolocation in Leaflet

It turns out that the cdn's for the Leaflet.locate given in the https://github.com/domoritz/leaflet-locatecontrol example are incorrect. I replaced them using cdn's from https://www.jsdelivr.com/projects/leaflet.locatecontrol. I also included the mapbox cdn's. In retrospect, it would probably be best to simply download the files into your css and js folders.

[GIS] Leaflet-omnivore load multiple KMLs & center

I finally managed to solve it by getting the bounds and centering at the time of adding the kml to the FeatureGroup

var polygonGroup = new L.FeatureGroup();

// Add group to map
map.addLayer(polygonGroup);

$.each(kmls, function (i, kmlUrl) {
// Load kml and add to feature group
var runLayer = omnivore.kml(kmlUrl).addTo(polygonGroup).on('ready',
    function() {
        // Get group bounds and center/zoom
        map.fitBounds(polygonGroup.getBounds());
    });
});

Best Answer

Related Solutions

[GIS] Adding a control for geolocation in Leaflet

[GIS] Leaflet-omnivore load multiple KMLs & center

Related Question