TrafficIncidents Layer

The alk.layer.TrafficIncidentsLayer layer allows you to display current traffic incidents.

Default Category Images

Category	Image
`Traffic`
`Accident`
`Weather`
`Roadworks`
`Default`

var baseMap = new alk.layer.BaseMapLayer();

var trafficIncidents = new alk.layer.TrafficIncidentsLayer();

var map = new ol.Map({
  target: 'map',
  layers: [baseMap, trafficIncidents],
  view: new ol.View({
    center: ol.proj.transform([-73.996, 40.729], alk.val.SRS.EPSG4326, alk.val.SRS.EPSG3857),
    zoom: 12
  })
});

Clustering Incidents

var baseMap = new alk.layer.BaseMapLayer();

var source = new ol.source.Cluster({
  source: new alk.source.TrafficIncidentsSource()
});

var trafficIncidents = new alk.layer.TrafficIncidentsLayer({
  source: source
});

var map = new ol.Map({
  target: 'map',
  layers: [baseMap, trafficIncidents],
  view: new ol.View({
  center: ol.proj.transform([-73.996, 40.729], alk.val.SRS.EPSG4326, alk.val.SRS.EPSG3857),
  zoom: 8
  })
});

Displaying Popups

In order to have the popups/tooltips display on hover and/or click accordingly, you will need to define an alk.interaction.TrafficIncidentPopupInteraction interaction control.

var baseMap = new alk.layer.BaseMapLayer();

var trafficIncidents = new alk.layer.TrafficIncidentsLayer();
var popupInteraction = new alk.interaction.TrafficIncidentPopupInteraction();

var map = new ol.Map({
  target: 'map',
  layers: [baseMap, trafficIncidents],
  view: new ol.View({
    center: ol.proj.transform([-73.996, 40.729], alk.val.SRS.EPSG4326, alk.val.SRS.EPSG3857),
    zoom: 12
  }),
  interactions: ol.interaction.defaults().extend([popupInteraction])
});

var baseMap = new alk.layer.BaseMapLayer();
var trafficIncidents = new alk.layer.TrafficIncidentsLayer();
var popupInteraction = new alk.interaction.TrafficIncidentPopupInteraction();
var map = new ol.Map({
  target: 'map',
  layers: [baseMap, trafficIncidents],
  view: new ol.View({
    center: ol.proj.transform([-73.996, 40.729], alk.val.SRS.EPSG4326, alk.val.SRS.EPSG3857),
    zoom: 12
  }),
  interactions: ol.interaction.defaults().extend([popupInteraction])
});