質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.02%
Google API

Googleは多種多様なAPIを提供していて、その多くはウェブ開発者向けのAPIです。それらのAPIは消費者に人気なGoogleのサービス(Google Maps, Google Earth, AdSense, Adwords, Google Apps,YouTube等)に基づいています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

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

michir
michir

総合スコア12

Google API

Googleは多種多様なAPIを提供していて、その多くはウェブ開発者向けのAPIです。それらのAPIは消費者に人気なGoogleのサービス(Google Maps, Google Earth, AdSense, Adwords, Google Apps,YouTube等)に基づいています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

1回答

0グッド

0クリップ

1079閲覧

投稿2022/03/29 09:50

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

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

javascript

1var minX = marker[0].getPosition().lng(); 2var minY = marker[0].getPosition().lat(); 3var maxX = marker[0].getPosition().lng();; 4var maxY = marker[0].getPosition().lat();; 5for(var i=0; i<data.length; i++){ 6 var lt = marker[i].getPosition().lat(); 7 var lg = marker[i].getPosition().lng(); 8 if (lg <= minX){ minX = lg; } if (lg > maxX){ maxX = lg; } 9 if (lt <= minY){ minY = lt; } if (lt > maxY){ maxY = lt; } 10} 11var sw = new google.maps.LatLng(maxY, minX); 12var ne = new google.maps.LatLng(minY, maxX); 13var bounds = new google.maps.LatLngBounds(sw, ne); 14map.fitBounds(bounds);

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

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

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

回答1

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/

投稿2022/03/29 10:19

編集2022/03/29 10:20
kei344

総合スコア69029

Lhankor_Mhy👍を押しています

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

kei344

2022/03/29 10:22

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

2022/03/29 10:43

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

2022/03/29 10:47

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

2022/03/29 11:58

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

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.02%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Google API

Googleは多種多様なAPIを提供していて、その多くはウェブ開発者向けのAPIです。それらのAPIは消費者に人気なGoogleのサービス(Google Maps, Google Earth, AdSense, Adwords, Google Apps,YouTube等)に基づいています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。