Wednesday, April 15, 2015

The Leaflet.js Site Map


This German sitemap is very clever. Medizintechnologie.de has created a Leaflet.js powered map from a hierarchical organisational chart of their website. The result is an interactive sitemap of the Medizintechnologie.de 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 Medizintechnologie.de 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.

No comments: