javascript - Google マップを一定の距離 (メートル) にする

Question

ウィンドウが一定の距離になるようにGoogleマップのズームレベルを設定する方法に出くわした人はいますか?

Answer 1

1. 現在のズームレベルの使用でマップの幅を測定しgoogle.maps.geometry.spherical.computeDistanceBetween()、map.getBounds()(ドクを参照)。

2. 必要に応じて測定距離が広い場合は、2 で割ります。小さい場合は 2 倍します。

3. 計算された幅がターゲットの幅よりも小さくなるか大きくなるまでこれを行い、乗算または除算する必要がある頻度を数えます。

4. 数えた数値を現在のズーム値に加算/減算して、目標ズーム値を取得します。

注: 固定ズームレベルに制限されているため、マップを正確な幅に合わせることができません。これは概算にすぎません。

Answer 2

I achieved a similar thing by creating a circle with the given distance and using that to get the bounds. The width of the map isn't quite the same as the circle as the API adds some padding.

//Accuracy in metres
var accuracy = 50; 

/* Create a circle but don't set the 'map' variable as we don't need to see circle on the map */
var circle = new google.maps.Circle({
                 center: map.getCenter(),
                 radius: accuracy
             });

//Get the new bounds from the circle
var bounds = circle.getBounds();

/* Fit the map to the size of the circle. Will be slightly bigger than the circle as the API adds a little padding */
map.fitBounds(bounds);