GoogleMAPでCtrlキーを押さずにマウスホイールで拡大・縮小させる設定

作成日:2017-12-08, 更新日:2017-12-08

gestureHandling プロパティ

greedy
Ctrl キー押さなくてOK
cooperative
ズームするには Ctrl キーを押さないとダメ
none
マウスやタップでのズームやパンが全くできなくなる
auto
スクロールバーがあったり iframe の中なら cooperative それ以外なら greedy という風に自動でページの邪魔にならないようになります
var map = new google.maps.Map(document.getElementById(〇〇〇), {
  ~ 略 ~
  gestureHandling: 'greedy',
})

gestureHandling プロパティには 4 種類の値がセットできます
greedy はこれまでと一緒で 地図内でマウスホイール回したり タップ操作でスワイプすれば地図がズームしたりパンされたりします
cooperative はこういったページ操作を邪魔しないためのもので ズームするには Ctrl キーを押さないとだめで タップでパンするには二本指じゃないとだめになります
none だとマウスやタップでのズームやパンが全くできなくなります
auto にすれば スクロールバーがあったり iframe の中なら cooperative それ以外なら greedy という風に自動でページの邪魔にならないようになります

これまでのに戻したいならオプションに {gestureHandling: "greedy"} を指定すれば良いです

GoogleMaps が Ctrl 押さないとズームしなくなってる