グーグルマップのほとんどのアプリケーションでは、スクロールホイールはマップをスクロールする代わりにズームします。個人的には私はこれが混乱していることに気づきました。Googleマップを何年も使用した後、GoogleマップのWebサイトと埋め込みのGoogleマップの両方で、スクロールホイールでマップをスクロールしようとしても、代わりにズームしてしまうという間違いを犯します。
Google Maps APIを使用すると、ページに地図を埋め込むときにスクロールホイールのズームを無効にできます。問題は、それを無効にする必要があるかどうかです。
一方で、スクロールホイールのズームは、Web全体のコンテキストでは従来とは異なります。ほとんどの場合、スクロールホイールでスクロールします。
一方、スクロールホイールズームは、マップの慣例として確立されています。
スクロールホイールのズームが無効になっている場合は、meの方が間違いなく優れたエクスペリエンスになりますが、一般的なWeb閲覧人口についてはどうでしょうか。
私はすべきスクロールズームを無効にするかどうかについていくつか検索しましたが、ガイドラインは見つかりませんでした。それでは、ズームをスクロールするか、ズームしないか?
実際は、あなたが何を考えているかは問題ではありません。スクロールホイールズームを無効にしないでください。スクロールホイールズームは、一般的なユーザーではないために便利なためです。
ページに埋め込まれたGoogleマップを使用しているユーザーにとって、ユーザーは、その動作がどのように動作するかについて事前に予想されているはずです。つまり、通常の状態でGoogleマップのように動作することを期待しています。
そして、それはそのままにしておくことを意味します。
状況が異なる可能性があるのは、カスタマイズされたユーティリティがあり、その基本はたまたまGoogle Maps APIを使用しているところです。サービスがGoogleマップとしてすぐに認識されない可能性があり、カスタマイズしたサービスに合わせて操作を変更した可能性があります。そのような場合、行動を変えることは有効かもしれません。
しかし、その結果はアヒルのように見え、アヒルのように歩く場合、人々はそれがアヒルのようにいちゃつくと期待するでしょう。
スクロールホイールマップズームの確立された規則は、強力な議論です。
しかし...私もスクロールホイールマップのズームに関して個人的な経験がありません。
問題は、必要なコンテンツのスクロールではなくマップのズームが発生することです。アプリのバス路線が地図に表示され、旅行の詳細が右側のパネルに表示されます。地図は豊かな相互作用を提供しません、それはむしろ二次情報であると思いますが、旅行の詳細は私が本当に必要としているものです。
これは最近のケースですが、私は同じ動作で多くの混乱があります。
ソリューションはユーザータスクを考慮できると思います。現在の画面内でマップ操作が主な場合は、すべてのマップ規則をサポートして、高いパフォーマンスを提供する必要があります。
マップがセカンダリコントロール(リッチなインタラクションなし)であり、メインユーザーアクティビティにコンテンツスクロール用のスクロールバーを含む他のコントロールが含まれる場合、規則を破り、スクロールホイールマップのズームを無効にすることができます。しかし、この規則違反は、ユーザーのタスクパフォーマンスのために意味があります。
使用したページのWebサイトのマップが幅全体を占めるである場合、エンドユーザーのエクスペリエンスに確実に影響します。スクロールを無効にしてズームとして動作させる必要がある場合があります。それ以外の場合ページで使用されているマップは幅のほぼ50%を残します簡単にスクロールできます。これは、私がアクセスした多くのWebサイトで使用され、ユーザーがGoogleマップにアクセスして完全なGoogleマップを取得するためのリンクです。コンテンツまたはデータに関する経験。
私はあなたのページの地図の目的に依存すると思います:
マップがプライマリコンテンツ(検索結果、ルートなど)の場合、ユーザーはマップの詳細を確認する必要があり、スクロールホイールを介してズームできるようにすることは、+ /-ボタンをクリックするか、ダブルでズームすることを強制するよりも望ましいです。 -クリック。
地図のコンテンツが他のコンテンツと同じか二次的な場合は、スクロールホイールで地図をズームすると邪魔になります。
私のサイトでは、各マップに[展開]または[全画面で表示]ボタン(YouTubeや同様のビデオプレーヤー)を提供することで、これら2つの機能を分離しています。スクロールホイールのズームは、通常の埋め込みマップビューでは無効になっていますが、フルスクリーンモードでは再び有効になります。 (このページは 例 です。)
これは私が一般的に行うことです:
ユーザーが地図を操作(マウスダウン)->ズーム可能に設定
マウスが地図上に1秒以上置かれている->ズーム可能に設定
マウスが地図の外に出る->ズーム不可に設定
これで通常は作業が完了します。ユーザーがページをスクロールすることを意識している場合、マップは次のようになります。ユーザーがズームイン/ズームアウトしたい場合、それを操作するか、ポインターをしばらく置く必要があります。
ソースコードは here です。