地図上に交通量を表示する

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

インシデントデータ - 建設、通行止め、事故などのポイントとラインベースのデータで構成されます。

フローデータ - 道路上の交通の流れに関するメトリクスを提供します。多くの場合、交通流データは道路の色付けに使用されます。色は、速度制限または別のメトリックと比較して、フローを遅くしているトラフィックの量に基づいています。マップのトラフィック flow オプションに渡すことができる値は 4 つあります。

フロー値	説明
`none`	地図上に交通量データを表示しません
`relative`	道路の順調に流れているときの速度を基準にした交通量データを表示します。
`relative-delay`	予想される平均遅延よりも遅いエリアを表示します
`absolute`	道路上のすべての車両の絶対速度を表示します

次のコードは、マップ上に交通量データを表示する方法を示しています。

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

トラフィックオーバーレイサンプルでは、マップ上にトラフィックオーバーレイを表示する方法を示します。このサンプルのソースコードについては、「トラフィックオーバーレイのソースコード」を参照してください。

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

トラフィックオーバーレイオプションツールを使用すると、さまざまなトラフィックオーバーレイ設定を切り替えて、レンダリングがどのように変化するかを確認できます。このサンプルのソースコードについては、「トラフィックオーバーレイオプションのソースコード」を参照してください。

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

マップに追加できる交通規制は 2 つあります。最初のコントロールである TrafficControl は、トラフィックのオンとオフを切り替えるために使用できるトグルボタンを追加します。このコントロールのオプションを使用すると、トラフィックを表示するときに使用するパラメータを指定できます。デフォルトでは、このコントロールは相対的なトラフィックフローとインシデントデータを表示しますが、必要に応じて、この動作を変更して、絶対的なトラフィックフローを表示し、インシデントを表示しないようにすることができます。 2 番目のコントロールである TrafficLegendControl は、色で強調表示された道路の意味をユーザーが理解できるように、マップに交通凡例を追加します。このコントロールは、トラフィックフローデータが表示されている場合にのみマップに表示され、それ以外の場合は非表示になります。

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

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

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

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