web-dev-qa-db-ja.com

マップ内の2つ以上のマーカーが非常に近い場合の対処方法は?

地図のほぼ同じ位置に多数のマーカーを配置するという問題のエレガントな解決策を見つけるのを手伝っていただければ幸いです。この場合、ストリートレベルのズームでも多くの画像を表示できるため、クラスタリングは適切なソリューションではありません。地図の横にある要素のスクロール可能なリストを作成することを考えていましたが、最初にいくつかの提案を確認することを好みます。

lots of markers even with a stree-level zoom

21

カートグラフィックの観点から、私の意見では、クラスタリングは間違いなくそのような場合に行く方法です。

次の例では、互いに非常に近いポイントです。

enter image description here

それらをクリックすると広がります:( screenshot source

enter image description here

また、これを「従来の」クラスタリングの方法と組み合わせることができます。つまり、最大ズームレベルに達してもオブジェクトが互いに近すぎる場合は、クラスターシンボルをクリックするとオブジェクトが広がり、個別にクリックできます:( screenshot source

cluster before click > cluster after click

さらに、ユーザーが表示したいカテゴリを制御する機能をユーザーに提供できます。これにより、クラスタリングの形式がなくても、マップの使いやすさが向上します。

24
tallistroan

マップ機能に関しては、Instagramが本当に重宝しました。たぶん、あなたはこれと同じようなものを使うことができます

  • 散らかっていないようです
  • アイテムの数は明らかです
  • クリックすると、画面の右側または左側に、そこにある場所のリストを表示できます

Instagram

23
Dimitra Miha

クラスタリングが適切であるかどうかという結論にジャンプする前に、問題はユーザーのニーズが何であるかということです。

マップを使用する場合、潜在的に2つのニーズがあります。

  • 探索:そこには何がありますか?
  • 場所:どこにありますか?

一部の言語:ユーザーが「アイテム」を探しています。レストラン「デリシャス」。 「アイテム」は「アイテムカテゴリ」に属します。 "飲食店"。その他のアイテムカテゴリには、「映画館」、「アートギャラリー」、「バー」などがあります。

探索の必要性:ユーザーは、特定のマップエリアでアイテムカテゴリ(レストランなど)のアイテムを探索しています。特定のマップ領域にすべてのアイテムを表示することは理にかなっています。ユーザーは、選択したアイテムカテゴリのすべての単一アイテムにアクセスできる必要があります。

場所のニーズ:ユーザーが特定のアイテムカテゴリ(「レストラン」)の特定のアイテム(レストラン「おいしい」)を探しています。ユーザーはそれがどこにあるのかいくつかのアイデアを持っています。ユーザーは、選択したアイテムカテゴリのすべての単一アイテムにアクセスできる必要があります。場所のニーズのために、直接アクセス、例えば。検索フィールドを介して効果的です(ユーザーが「Delicious」と入力すると、マップにヒットが表示されます)。

両方の場合:(問題の説明に示されているように)マップ上でオーバーラップするほどアイテムが多すぎる場合、アイテムクラスターを使用するとオーバーラップを回避できます。アイテムクラスタはカテゴリフィルタとしても機能するため、選択すると、他のアイテムカテゴリのアイテムは表示されません。

ユーザーインターフェイスが検索(探索と場所)をどのようにサポートできるかを示す図を添付しました。

提案されたソリューションは@tallistroanに似ており、アイテムクラスターとアイテム間のフローを示し、フィルターとしてのアイテムクラスターの使用を強調しています。ブレッドクラムパスを含む結果リストはオプションですが、レベル間のターゲットナビゲーションをサポートするのに役立ちます。

enter image description here

うまくいけば、これは役立ちます。

3
hhd