Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1
Help us understand the problem. What is going on with this article?
@terufumi1122

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

More than 1 year has passed since last update.

はじめに

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

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

image.png

環境

iOS: 13.3.1

結論: gestureHandling: 'greedy'を追加

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

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

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

おわりに

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

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

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

1
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
terufumi1122
ストックついでに「いいね!」もしてもらえると嬉しいです。 HTML/CSS/JavaScript/Vue.js/Ruby/Ruby on Rails/Java/Kotlin/Android

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
1
Help us understand the problem. What is going on with this article?