マップ上にトラフィックを表示する

[アーティクル]
10/26/2023

Azure Maps で使用できるトラフィックデータには、次の 2 種類があります。

インシデントデータ - 建設、道路の閉鎖、事故などのためのポイントデータと行ベースのデータで構成されます。

フローデータ - 道路のトラフィックのフローに関するメトリックを提供します。多くの場合、トラフィックフローデータは、道路の色を設定するために使用されます。その色は、速度制限やその他のメトリックと相対的な、フロー速度が低下するトラフィック量に基づいています。マップの交通情報 flow オプションに渡すことができる値は 4 つあります。

Flow 値	説明
`none`	マップに交通情報データを表示しません
`relative`	道路の自由流速度を基準にして交通情報データを表示します
`relative-delay`	予想されている平均的な遅れよりも遅い地域を表示します
`absolute`	道路上の全車両の対地速度を表示します

次のコードは、トラフィックデータをマップに表示する方法を示しています。

//Show traffic on the map using the traffic options.
map.setTraffic({
    incidents: true,
    flow: 'relative'
});

Traffic Overlay サンプルは、マップ上に交通情報オーバーレイを表示する方法を示します。このサンプルのソースコードについては、Traffic Overlay のソースコードを参照してください。

トラフィックオーバーレイのオプション

次の交通情報オーバーレイオプションのツールを使用すると、さまざまな交通情報オーバーレイの設定に切り替えて、表示がどのように変化するかを確認できます。このサンプルのソースコードについては、Traffic Overlay Options のソースコードを参照してください。

トラフィックコントロールを追加する

マップに追加できるトラフィックコントロールは 2 種類あります。最初のコントロールである TrafficControl は、トラフィックのオンとオフの切り替えに使用できるトグルボタンを追加します。このコントロールのオプションを使用すると、トラフィックを表示するときに使用するトラフィック設定を指定できます。このコントロールは既定では、相対トラフィックフローとインシデントデータを表示しますが、必要に応じてこの動作を変更し、絶対トラフィックフローを表示し、インシデントを表示しないようにできます。 2 番目のコントロールである TrafficLegendControl は、トラフィックフローの凡例をマップに追加し、ユーザーはこれに基づいて、カラーコードによる道路の強調表示の意味を理解できます。このコントロールは、マップにトラフィックフローデータが表示されているときにのみマップ上に表示され、それ以外のときは表示されません。

次のコードは、トラフィックコントロールをマップに追加する方法を示しています。

//Att the traffic control toogle button to the top right corner of the map.
map.controls.add(new atlas.control.TrafficControl(), { position: 'top-right' });

//Att the traffic legend control to the bottom left corner of the map.
map.controls.add(new atlas.control.TrafficLegendControl(), { position: 'bottom-left' });

トラフィックコントロールサンプルは、マップ上に交通情報データを表示する方法を示す、完全に機能するマップです。このサンプルのソースコードについては、トラフィックコントロールのソースコードを参照してください。