web-dev-qa-db-ja.com

ユーザーが自分の場所またはマップ上の特定の場所を選択できるようにする方法

ユーザーにフォーム(ユーザー名、パスワード、生年月日などの一連の入力ボックスで構成される)に入力してもらい、ページの下部で、最後の入力でGoogleマップ上の場所を選択できるようにします(いずれか)自動または手動)。この問題は、ユーザーがページの下部までスクロールすると、ボックスにGoogleマップが表示されます。ユーザーが現在地を特定した後、ページ内で上にスクロールしたい場合(たとえば、既に入力したユーザー名を変更したい場合)は、画面に指を置いて下にスワイプするときに、そうするのが難しい場合があります。ページを上に移動すると、ページではなく、Googleマップ画面が移動します。したがって、上にスクロールするためにマップ領域に触れないように注意する必要があります。どうすればこれに対処できますか?

2
Meysam

いくつかのフォーム要素を使用して地図とやり取りするか、ボタンを使用して場所の選択が完了したことを確認して、やり取りのフォーカスが地図から外れるようにします。

Uberの例を次に示します-彼らはうまくやっています:


enter image description here


編集する

「上に移動」と書かれた小さなボタン/アイコンを地図上に配置します。これにより、地図からフォーカスが外れ、ユーザーはスクロールしにくくなります。

4
DPS