【Google Maps JavaScript API】「地図を移動させるには指２本で操作します」の解除方法

はじめに

Google Maps JavaScript APIを使っていると、スマホでは**「地図を移動させるには指２本で操作します」**が出てしまいます。

個人的には邪魔と感じるこの機能を解除して、指１本スクロールを取り戻す方法を残します。

環境

iOS: 13.3.1

結論: gestureHandling: 'greedy'を追加

※元のhtmlなどには触れず、ピンポイントでコードを抽出していますのでコピペでは動きません。ご了承下さい。

sampleMap.js

const map = new google.maps.Map(document.getElementById('map'), {
          gestureHandling: 'greedy', //これを追加
          center: {lat: 40.674, lng: -73.945},
          zoom: 12,
        });

これを追加することで、過去デフォルトであった指１本スクロールが適用されます。

おわりに

最後まで読んで頂きありがとうございました

どなたかの参考になれば幸いです

参考にさせて頂いたサイト（いつもありがとうございます）

• Controlling Zoom and Pan  |  Maps JavaScript API  |  Google Developers