Reading and Displaying WMS File on Leaflet Map

RIVM WMS Data used as an example WMS file.

This file demonstrates the usage of RIVM data as an example WMS file using Leaflet and JavaScript. It includes code to display the layer list container (#layerListContainer) on the left side of the page, with a maximum height based on the screen and a vertical scrollbar if necessary. The Leaflet map (#map) takes up the remaining available space on the right side.

What?

• Display of layer list container on the left side of the page.
• Moving selected layers to the top of the list when their respective checkboxes are selected. This ensures that the selected layers are always displayed at the top of the list.

Usage

• For Dutch comments, use map.nl.html.
• For English comments, use map.eng.html.