Google Map を使ったアプリで、いざマップを触ろうとすると以下のようなメッセージがでる
ユーザー体験が悪いためこれをやめたい
そもそもこれが表示されるのはページのスクロールとマップのスクロールが混在しないようにするためで、私の場合は、以下のように何かしらのレイヤーの上にマップのレイヤーがあるようなUIにしていたためこのメッセージが表示されていた
なので、position: absolute;
でレイヤーを重ねるのではなく、条件式で見せない方を非表示にするとよさそう
もしくはGoogleマップのgestureHandling: greedy
オプションを使うこともできる
gestureHandling: greedy
はすべてのタッチ操作とスクロール イベントに反応させることができる
new google.maps.Map(document.getElementById("map")!, { zoom, center, gestureHandling: "greedy", });
試してないがこれでもよさそう