Отображение данных дорожного движения на карте

  • Статья

В Azure Maps доступны два типа данных трафика:

  • Данные по происшествиям — это данные в виде точек и линий, которые обозначают, помимо прочего, строительные работы, закрытие дорог и аварии.

  • Данные по потоку — метрики потока уличного движения. Данные по потоку уличного движения часто используются для раскрашивания дорог. Цвет зависит от того, насколько скорость движения потока меньше максимальной разрешенной скорости, или от другой метрики. В параметр дорожного движения flow карты можно передавать четыре значения.

    Значение потока Description
    none На карте не отображаются данные о дорожном движении
    relative Отображаются данные о дорожном движении, соответствующие движению без помех
    relative-delay Отображаются участки, скорость движения на которых меньше средней ожидаемой задержки
    absolute Отображается абсолютная скорость всех транспортных средств на дороге

Ниже приведен код для отображения данных дорожного движения на карте.

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

В примере наложения трафика показано, как отобразить наложение трафика на карте. Исходный код для этого примера см . в исходном коде наложения трафика.

A screenshot of map with the traffic overlay, showing current traffic.

Параметры наложения сведений о дорожном движении

Средство "Параметры наложения трафика" позволяет переключаться между различными параметрами наложения трафика, чтобы узнать, как изменяется отрисовка. Исходный код для этого примера см . в разделе "Параметры наложения трафика" исходного кода.

A screenshot of map showing the traffic overlay options.

Добавление элементов управления дорожным движением

На карту можно добавить два разных элемента управления дорожным движением. Первый из них, TrafficControl, добавляет переключатель, который позволяет включать и выключать отображение дорожного движения. Параметры этого элемента управления позволяют указать, когда использовать соответствующие параметры при отображении дорожного движения. По умолчанию этот элемент управления отображает относительный поток трафика и данные инцидентов, однако вы можете изменить это поведение и показать абсолютный поток трафика и никаких инцидентов при необходимости. Второй элемент управления, 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' });

Пример элементов управления трафиком — это полностью функциональная карта, показывающая, как отображать данные трафика на карте. Исходный код для этого примера см . в исходном коде элементов управления трафиком.

A screenshot of map with the traffic display button, showing current traffic.

Следующие шаги

Дополнительные сведения о классах и методах, которые используются в этой статье:

Map

TrafficOptions

Расширьте возможности пользователей:

Взаимодействие карты с событиями мыши

Создание карты

Страница с примерами кода