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"} を指定すれば良いです