GMaps を使用しようとしていますが、この動作を避けたい:
ズームを制限したくありません。世界地図の繰り返しを制限したい。
これを行う方法はありますか?
MapOptions
オブジェクトに を配置しますminZoom
。3 でそれを行う必要がありますが、マップする div の大きさによって異なります。
var myOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 3,
minZoom:3,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
ズームを制限しないで、人為的な回避策を見てきました。ページの設定方法によって異なります。
マップが Web ページの幅全体を占める場合は、ズームの変更時に div の幅を変更するのが最適だと思います。
マップの周りにコンテンツがある場合は、元のマップの div の一部をブロックする灰色の div "カーテン" を設定してみてください。これにより、マップ ビューポートが縮小したように見えます。大きな欠点は、ビューポートを中央に配置する必要がある場合、マップ コントロールを隠す必要があることです。
こちらのサンプル コードを参照してください: Google マップで 1 つの国の複数の出現