web-dev-qa-db-ja.com

地図上の道路状況の視覚化

バイカー向けにさまざまな種類の道路を備えたウェブサイトをデザインしています。道路の状態をオーバーレイでGoogleマップに表示する方法を探しています。これのベストプラクティスは何ですか?

いくつかの状態がありますが、名前は異なりますが、最も単純な形式です。

  1. 高品質の道路
  2. 中品質の道路
  3. 低品質の道路
  4. 建設中/まもなく使用可能
  5. 建設中:修理中

下の画像を見るとわかるように、現時点ではコードは2つしかなく、1つの道路で異なる品質を表示できます。

Screen capture

すべての入力に感謝します!

4
Hendrik

ストローク/カラーコードが役立つと思います:

enter image description here

6
Danielillo

緑-黄-赤

品質レベルには固有の関係がある配色を推奨します。理想的には、道路の望ましい程度に関する既存のヒューリスティックを活用できます。

例えば

  • 緑:高品質
  • 黄:中品質
  • オレンジ:低品質(ただし使用可能)
  • 赤/赤黄色のダッシュ:使用できませんが、すぐに使用できます
  • 赤:使用不可(クローズ)

Googleトラフィックレイヤー

この交通マップが思い浮かびます。グリーンはクリアです。可能であれば、オレンジは避けてください。赤は避けてください。

AppleのWorkout(Activity)アプリ

サイクリストは、道路の質を移動のペースに関連付けることもできます。 AppleのWorkoutアプリの別の例では、遅いペースは赤で、速いペースは緑で示されています。繰り返しになりますが、より良い(またはより簡単な)道路状況は緑色になります。

この場合、信号機と混雑している交差点は赤くなります。交通量の多い運河の交差点に注意してください。

2
cloudworks