LeafletJS地図上のすべてのマーカーに合わせて拡大

Question

LeafletJS地図に一連のマーカーを追加した後、リーフレットをズームして、すべてのマーカーを表示するように再調整することは可能ですか？ Googleマップではmany similar questions、リーフレットでは表示されません。以下のような

何か：

map.fitAllMarkers(); 

は、私はまた、マップの境界を取得するにはseveral functions in Leafletを気づいたが、私は望ましい効果にそれらを採用するかどうかはわかりません。

Answer 1

最終的に、これは実際には非常に単純ですが、1つの機能に統合されていません。マップに新しい境界を適用し、最後に

bounds.extend(markerObject.getLatLng()); 

：

mapObject.fitBounds(bounds); 

Answer 2

をマップ上の各マーカーのために、そして、

var bounds = new L.LatLngBounds(); 

：まず、あなたは、リーフレットの境界オブジェクトを作成する必要があります

featureGroup.getBounds()という意図的に作成された方法を利用して、マーカの範囲に合ったマップを作成することもできます。

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

map.fitBounds(fg.getBounds()); 

デモ：http://jsfiddle.net/3v7hd2vx/28/