Wednesday, April 15, 2015

The Leaflet.js Site Map

This German sitemap is very clever. has created a Leaflet.js powered map from a hierarchical organisational chart of their website. The result is an interactive sitemap of the website.

Zoom in on the map and text site links are added to the markers lower in the hierarchical chain. You can also mouse-over each marker to see where the link leads to on the website.

When you click on a marker link the website content for that page is dynamically loaded beneath the map. The map also includes a filter which highlights the links on the map for specific categories. It is also possible to switch from the mapped sitemap to a tabulated view of the site links.
Post a Comment