Tuesday, April 6, 2021

How To Usage A Storey Map Amongst Leaflet


I'm a big fan of narrative mapping libraries, which allow y'all to easily practise mapped stories. These libraries aid y'all practise a map amongst a structured narrative which users tin sack navigate through past times scrolling downward the page or past times using frontward as well as dorsum arrows. As y'all progress through the flush text the maps automatically pan as well as zoom to highlight the locations mentioned inwards the narrative

Esri's Story Maps is ane of the close pop narrative mapping platforms as well as has been widely used past times a publish of paper websites to practise interactive mapped reports on of import intelligence stories. Odyssey.js from CartoDB is to a greater extent than or less other flush map library which is forthwith also gaining to a greater extent than or less traction on to a greater extent than or less of the world's leading websites.

It is rattling tardily to practise your ain flush map library using Create Story Maps amongst the Google Maps API.

It is also possible to purpose the jQuery Waypoints plug-in amongst Leaflet.js to practise a flush map amongst this pop mapping platform. It took me an hr this forenoon to rapidly knock-up JourneyMaps, a demonstration map using Waypoints amongst Leaflet. The demo shows y'all how y'all tin sack purpose Waypoints to practise a flush map amongst Leaflet.

As y'all scroll downward the map a mark as well as a polyline are added to the map. Keep scrolling as well as the map changes place as well as zooms inwards on the map. You tin sack also scroll upwards to zoom out as well as alter the location.

If y'all similar the JourneyMaps demo map experience costless to reuse the code inwards whatsoever means that y'all like.

No comments:

Post a Comment