
I'm a big fan of narrative mapping libraries, which allow yous to easily practice mapped stories. These libraries aid yous practice a map alongside a structured narrative which users tin navigate through yesteryear scrolling downward the page or yesteryear using frontward in addition to dorsum arrows. As yous progress through the flush text the maps automatically pan in addition to zoom to highlight the locations mentioned inwards the narrative
Esri's Story Maps is 1 of the around pop narrative mapping platforms in addition to has been widely used yesteryear a position out of paper websites to practice interactive mapped reports on of import word stories. Odyssey.js from CartoDB is around other flush map library which is directly also gaining around traction on around of the world's leading websites.
It is really slow to practice your ain flush map library using Create Story Maps alongside the Google Maps API.
It is also possible to role the jQuery Waypoints plug-in alongside Leaflet.js to practice a flush map alongside this pop mapping platform. It took me an hr this morn to apace knock-up JourneyMaps, a demonstration map using Waypoints alongside Leaflet. The demo shows yous how yous tin role Waypoints to practice a flush map alongside Leaflet.
As yous scroll downward the map a mark in addition to a polyline are added to the map. Keep scrolling in addition to the map changes place in addition to zooms inwards on the map. You tin also scroll upwards to zoom out in addition to alter the location.
If yous similar the JourneyMaps demo map experience gratis to reuse the code inwards whatever agency that yous like.