Mostrar el tráfico en el mapa

Hay dos tipos de datos de tráfico disponibles en Azure Maps:

• Datos de incidentes: consisten en datos basados en puntos y líneas para cosas como construcciones, cierres de carreteras y accidentes.

• Datos de flujo: proporciona métricas sobre el flujo de tráfico en las carreteras. A menudo, los datos de flujo de tráfico se utilizan para colorear las carreteras. Los colores se basan en la cantidad de tráfico que ralentiza el flujo, en relación con el límite de velocidad u otra métrica. Hay cuatro valores que se pueden pasar a la opción de tráfico flow del mapa.

  Valor de flujo	Descripción
  none	No muestra los datos de tráfico en el mapa
  relative	Muestra datos de tráfico relativos a la velocidad de flujo libre de la carretera
  relative-delay	Muestra las áreas que son más lentas que el retraso promedio esperado
  absolute	Muestra la velocidad absoluta de todos los vehículos en la carretera

El siguiente código muestra cómo mostrar los datos de tráfico en el mapa.

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

En el ejemplo de superposición de tráfico se muestra cómo mostrar la superposición de tráfico en un mapa. Para obtener el código fuente de este ejemplo, consulte Código fuente de superposición de tráfico.

Opciones de superposición de tráfico

La herramienta Opciones de superposición de tráfico le permite cambiar entre las diferentes configuraciones de superposición de tráfico para ver cómo cambia la representación. Para obtener el código fuente de este ejemplo, consulte Código fuente de opciones de superposición de tráfico.

Agregar controles de tráfico

Hay dos controles de tráfico diferentes que se pueden agregar al mapa. El primer control, TrafficControl, agrega un botón de alternancia que se puede usar para activar y desactivar el tráfico. Las opciones de este control permiten especificar los parámetros que se van a utilizar al mostrar el tráfico. De forma predeterminada, este control muestra el flujo de tráfico relativo y los datos de incidentes, pero puede cambiar este comportamiento para mostrar el flujo de tráfico absoluto y ningún incidente si lo desea. El segundo control, TrafficLegendControl, agrega una leyenda de tráfico al mapa para ayudar al usuario a comprender lo que significan las carreteras resaltadas en color. Este control aparece en el mapa solo cuando se muestran los datos de flujo de tráfico y está oculto en todos los demás casos.

En el código siguiente se muestra cómo agregar los controles de tráfico al mapa.

//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' });

El ejemplo de controles de tráfico es un mapa completamente funcional que muestra cómo mostrar datos de tráfico en un mapa. Para obtener el código fuente de este ejemplo, consulte Código fuente de controles de tráfico.

Pasos siguientes

Más información sobre las clases y los métodos utilizados en este artículo:

Mejore sus experiencias de usuario: