TrafficIncidents Layer
The alk.layer.TrafficIncidentsLayer
layer allows you to display current traffic incidents.
Default Category Images
Category | Image |
---|---|
Traffic
| ![]() |
Accident
| ![]() |
Weather
| ![]() |
Roadworks
| ![]() |
Default
| ![]() |
Clustering Incidents
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])
});