どのようにGoogleマップのサークルは、地図に合わせて

Question

遠くの検索フィルターがあります。これには、ベースマーカーを設定できるマップビューポートと、入力距離をキロメートル単位で入力できるテキストボックスがあります。

次に、この距離を地図上に表示するには、ビューポートでcircleを使用します。

質問：円に収まるように地図をズームするにはどうすればよいですか？

Answer 1

google.maps.Circleは、円のLatLngBounds10を返すgetBounds()メソッドを持っています。サークルを使用している場合は、google.maps.Map.fitBounds()

の引数として、この境界を使用することができ、あなたはこれを行うことができます。

map.fitBounds(circle.getBounds()); 

を...のinit関数の最後で。複数の円については

http://jsfiddle.net/doktormolle/MHLjy/

Answer 2

組合の代わりを拡張使用：

var bounds = new google.maps.LatLngBounds(); 

$.each(circles, function(index, circle){ 
    bounds.union(circle.getBounds()); 
}); 

map.fitBounds(bounds);