Google Maps APIのスクロールで拡大縮小を無効にする方法!

2015/02/11

google-maps-api-scroll

こんにちは!
今回はGoogle Maps APIのスクロールで拡大縮小を無効にする方法!です。

今、制作させて頂いている案件で、WebサイトにGoogle Mapを実装するのにGoogle Maps APIを使っています。
これがデフォルトの設定だとスクロールで地図の拡大縮小ができるようになっています。
普通に上下にスクロールしたいだけなのに、地図が反応してしまう事もあり、無効にしてほしいと要望がありましたので、その方法を紹介したいと思います。

Google Maps APIのスクロールで拡大縮小を無効にする方法!

mapOptionsにscrollwheel: falseを記述するだけでOKです。
マウススクロールの禁止をしたい時に使います。

実際に書いてみるとこんな感じです!

 

いかがでしたか。簡単ですね!
以上でGoogle Maps APIのスクロールで拡大縮小を無効にする方法!でした。

Google Maps APIを使って地図を表示させてみよう!

Google Maps APIを使って地図をカスタマイズしてみよう!

topへ戻る