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])
});