トラフィックデータを取得して表示します

Maps API では、世界中の主要都市の地図上で交通データを取得して表示できます。

地図に交通状況を表示しています

次の例では、 Maps API の Traffic コンポーネントを使用して、交通状況を示すベルリンの一部の地図を表示しています。 渋滞の少ない道路は緑、渋滞の緩やかな道路はオレンジ、渋滞のある道路は赤で表示されます。

API では、 HERE Traffic API を介して地図タイルに交通情報をアクセスできます。 フローレイヤーがデフォルトのレイヤーコレクションに自動的に追加 されます ( H.service.PlatformインスタンスのメソッドcreateDefaultLayers()を使用してアクセス ) 。 アプリケーションユーザーは、を使用して、利用可能な地図タイプの交通量情報の表示のオン / オフを切り替える MapSettingsControlことができます。

次のコードでは、既定のレイヤーコレクションで使用できるフローレイヤーがマップに追加されます。

map.addLayer(defaultLayers.vector.normal.traffic);
トラフィックフローデータを表示するマップ
図 1. トラフィックフローデータを表示するマップ

デフォルトでは、トラフィック層は 3 分ごとに更新されます。 この間隔は、独自のトラフィックレイヤーをインスタンス化し、コンストラクタに必要な値を提供することで変更できます。

地図に交通事故が表示されます

API は、トラフィックフローに加えて、地図に追加できるマーカーオーバーレイを提供することで、交通事故データを統合します。

次のコードでは、デフォルトのレイヤーコレクションで使用可能な事前に設定された交通事故マーカーレイヤーを地図に追加して、交通事故を表示します。

map.addLayer(defaultLayers.vector.normal.trafficincidents);

このコードでは、マップが H.Map のインスタンス化および初期化されたインスタンスであることを前提としています。

MapSettingsControl は、トラフィックインシデントレイヤーが UI に渡されたレイヤーのコレクションで検出された場合に、トラフィックインシデントを切り替えるためのエントリが含まれています。

交通データを表示する地図
図 2. 交通データを表示する地図

デフォルトでは、トラフィック層は 3 分ごとに更新されます。 この間隔は、独自のトラフィックレイヤーをインスタンス化し、コンストラクタに必要な値を提供することで変更できます。

」に一致する結果は 件です

    」に一致する結果はありません