Zoom auf alle Markierungen auf LeafletJS Karte

Question

Nach dem Hinzufügen einer Reihe von Markierungen zu einer LeafletJS Karte, ist es möglich, Leaflet zu zoomen und seinen Fokus neu auszurichten, um jeden Marker anzuzeigen? Ich sehe many similar questions mit Google Maps, aber keine für Leaflet.

Etwas wie:

map.fitAllMarkers(); 

Ich habe auch bemerkt, several functions in Leaflet die Grenzen der Karte zu bekommen, aber ich bin nicht sicher, wie diese in der gewünschten Wirkung zu verwenden.

Answer 1

Am Ende ist das eigentlich ganz einfach, aber nicht in einer Funktion vereint. Zunächst müssen Sie eine Broschüre Grenzen Objekt erstellen:

var bounds = new L.LatLngBounds(); 

Dann wird für jede Markierung auf der Karte:

bounds.extend(markerObject.getLatLng()); 

Schließlich gelten die neuen Grenzen der Karte:

mapObject.fitBounds(bounds); 

Answer 2

Sie können auch die absichtlich erstellte Methode featureGroup.getBounds() verwenden, um die Karte an die Ausdehnung Ihrer Markierungen anzupassen:

var fg = L.featureGroup([arrayOfMarkers]).addTo(map); 

map.fitBounds(fg.getBounds()); 

Demo: http://jsfiddle.net/3v7hd2vx/28/