Google Maps APIの縮尺自動調整のZoomの最大値を指定したい

Question

Google Maps APIによってウェブサイト上で地図を表示しています。

複数のマーカーがある場合に、すべてのマーカーが地図上に収まるように、以下のようにしています。

var minX = marker[0].getPosition().lng();
var minY = marker[0].getPosition().lat();
var maxX = marker[0].getPosition().lng();;
var maxY = marker[0].getPosition().lat();;
for(var i=0; i<data.length; i++){
	var lt = marker[i].getPosition().lat();
	var lg = marker[i].getPosition().lng();
	if (lg <= minX){ minX = lg; } if (lg > maxX){ maxX = lg; }
	if (lt <= minY){ minY = lt; } if (lt > maxY){ maxY = lt; }
}
var sw = new google.maps.LatLng(maxY, minX);
var ne = new google.maps.LatLng(minY, maxX);
var bounds = new google.maps.LatLngBounds(sw, ne);
map.fitBounds(bounds);

マーカーが一つしかない場合や、複数でもそのすべてが至近である場合には、最大限ズームすることになりますが、それだと分かりにくい地図になってしまうので、ズームの最大値を指定したいと考えておりますが、その方法を知らないため、これをご教示いただければ幸いでございます。

よろしくお願いいたします。

Answer 1

maxZoom が設定できるようです。

【Maps JavaScript API  |  Google Developers】
https://developers.google.com/maps/documentation/javascript/reference/map#MapOptions.maxZoom

【Map: maxZoom - 地図の最大のズーム値】
https://lab.syncer.jp/Web/API/Google_Maps/JavaScript/Map/maxZoom/

Comments

[kei344]

そのときだけの話であれば、fitBoundsした後でzoomを取得して状況により設定しなおせばよいとおもいます。

[michir]

ありがとうございます！
maxZoomによってやりたいことは概ね実現できました！
1点だけ欲を言えば、maxZoomで設定すると、ユーザーが指定値を超えてズームすることもできなくなってしまいますが、デフォルトの縮尺のみmaxZoomで制御し、ユーザーが指定値を超えてズームすることは可能な方法があれば、なお嬉しいです。

[kei344]

2022/03/29 19:22のコメント参照

[michir]

ご返信誠にありがとうございます！

fitBoundsした後でgetZoomでzoomを取得しようとしても、先述のコードで縮尺調整した後の縮尺値を取得できず、縮尺調整前のzoomの値が返ってくるのですが、何か良い方法があればご教示いただけると大変嬉しいです。

[kei344]

「fitbounds max zoom」で検索

【Google map　API　で、fitBoundsにより自動で設定されたズームの変更 : プログラマー社長の「日々発見」】
http://blog.livedoor.jp/kmiwa_project/archives/1062539120.html