New Telling Mapped Stories Alongside Odyssey.Js

Over the final couplet of years a reveal of narrative mapping libraries accept emerged, which allow you lot to easily say mapped stories. These libraries dice inwards tardily to practise a map alongside a structured narrative which users tin hand notice navigate through yesteryear scrolling downwardly the page or yesteryear using forwards together with dorsum arrows. As you lot progress through the even out text the maps automatically pan together with zoom to highlight the locations mentioned the narrative

Esri's Story Maps is 1 of the nearly pop narrative mapping platforms together with has been widely used yesteryear a reveal of paper websites to practise interactive mapped reports on of import tidings stories. Odyssey.js from CartoDB is roughly other even out map library which is right away besides gaining roughly traction on roughly of the world's leading websites.


This calendar week CartoDB has been showcasing roughly of the best examples of narrative maps built alongside Odyssey.js. Odyssey.js: Examples inwards the Wild reports on v interesting even out maps created alongside the platform.

The New York Daily News' 48 Hours of Gun Violence uses Odyssey.js to map sixteen shooting incidents reported over a 48-hour catamenia inwards New York. The map uses a Leaflet map alongside an overlay chemical gene containing the written study on each incident.

Forward together with dorsum arrows allow the user to navigate through the mapped shooting incidents. As you lot progress through the study the map automatically updates to highlight the place of each incident.


The 2nd instance The Voyage of the Beagle maps the 2nd voyage of the famous survey send The Beagle together with the observations made yesteryear a immature geologist called Charles Darwin.

This instance uses 2 course elements, 1 belongings a Leaflet map together with the other belongings the scroll-able text narrative of the Beagle's journey. As you lot scroll downwardly through the text chemical gene the map automatically pans together with zooms to highlight the relevant locations mentioned inwards the narrative.


Influenza A virus subtype H5N1 3rd map Gull Eric During Breeding Season uses however roughly other technique to progress through the mapped narrative. This fourth dimension the map uses a playback purpose to automatically animate through the story.

Users tin hand notice suspension the animated playback at whatever fourth dimension to halt the map together with narrative at a item moment. It besides possible to navigate to specific points inwards the narrative using a time-line control.
Buat lebih berguna, kongsi:
close