Traffic info

With a traffic info block you can show the ANWB (Dutch) traffic info.

For public transport info see Public Transport.

A traffic info block can be configured as follows:

var trafficinfo = {}
trafficinfo.anwbA1 = {
    trafficJams: true,
    roadWorks: false,
    radars: false,
    road:'A1',
    provider: 'anwb',
    show_lastupdate:true,
    icon: 'fas fa-car',
    width:12,
    results: 100 };

segStart and segEnd can also be provided to filter the results even more.

../../_images/trafficinfo.jpg

Parameters

Parameter Description
road Name of the road(s) to show, comma seperated (Example: “A1, A73”)
title Title of the block
show_lastupdate false , true. To display the time of the last update.
provider
Traffic info provider to use. Choose from
'anwb' The Netherlands
icon
The font-awesome icon (including fas fa-)
'fas fa-car', …
refresh time in seconds for refreshing the data
results Number of results to show
width To customize the width. It’s not recommended to change the default value (12) because of the size of the output.
trafficJams false , true. To show traffic jam info
roadWorks false , true. To show road work info
radars false , true. To show radar info
showempty
Control text to show in case of no traffic announcements
false: Don’t show a message in case of no traffic announcements
true: Display default message in case of no traffic announcements
'<text>': Display <text> in case of no traffic announcements
showemptyroads
Control text to show in case of no traffic announcements for a certain road (only applicable in combination with block parameter road)
false: Don’t show a message in case of no traffic announcements for a certain road.
true: Display default message in case of no traffic announcements for a certain road.
'<text>': Display <text> in case of no traffic announcements for a certain road.
url '<url>': URL of the page to open in a popup frame or new window on click.
newwindow
0: open in current window
1: open in new window
2: open in new frame (default, to prevent a breaking change in default behavior)
3: no new window/frame (for intent handling, api calls). HTTP get request.
4: no new window/frame (for intent handling, api calls). HTTP post request. (forcerefresh not supported)

Styling

In case no info is available then the CSS class empty will be added to block. This can be used to adjust the styling of an empty block via custom.css