MapQuest.js

L.mapquest.trafficLayer(options)

A layer that shows the traffic congestion as colored lines on a map. A green line indicates low traffic congestion. A yellow line indicates medium traffic congestion. A red line indicates high traffic congestion. A black line indicates the road is closed. The layer can be passed a JSON object to change the properties of the lines.

Syntax

L.mapquest.key = 'KEY';

var map = L.mapquest.map('map', {
  center: [34.0522, -118.2437],
  layers: L.mapquest.tileLayer('map'),
  zoom: 12
});

map.addLayer(L.mapquest.trafficLayer());

Parameters

• options object

  An object containing a colors object, opacity, weight, minZoom and maxZoom.

  colors: An object containing 4 key/value pairs defining the colors of various traffic congestion levels.

  • low: The color of low congestion traffic flow lines. Default is #1ca747.

  • medium: The color of medium congestion traffic flow lines. Default is #feeb41.

  • high: The color of high congestion traffic flow lines. Default is #df0021.

  • closed: The color of closed traffic flow lines. Default is #0c0000.

  opacity: The stroke opacity of the traffic flow lines. Default is 0.75.

  weight: The stroke width in pixels of the traffic flow lines. Default is 4.

  minZoom: The minimum zoom that traffic flow lines are visible. Default is 10.

  maxZoom: The maximum zoom that traffic flow lines are visible. Default is 20.

  Example

  {
     colors: {
      low: '#1ca747',
      medium: '#feeb41',
      high: '#df0021',
      closed: '#0c0000'
    },
    opacity: 0.75,
    weight: 4,
    minZoom: 10,
    maxZoom: 20
  }

Return Value

An L.Layer object that can be added to a map with the addLayer() function.

Visual Example