Building A Floor Map

Earlier today I explained how I believe that i side yesteryear side big tendency inward online mapping volition endure Narrative or Story maps. Applications that movement beyond beingness simply mapped visualizations of information but also endeavour to say the underlying stories behind the data.

Over the final few years nosotros bring seen some neat mapped visualizations, maps that permit users to explore information yesteryear location. We are instantly also get-go to run across some neat maps that rely on narrative to explicate of import stories. Two real expert recent examples of this are the Jamaican Slave Revolt Map in addition to Hussain's Journey.


Last calendar week Vizzuality received a $35,000 grant from the Knight Foundation to construct an opened upward source tool to assistance developers create precisely these kinds of Story Maps. Vizzuality already bring the beginnings of this tool inward place. You tin sentiment the progress hence far on the Odyssey.js GitHub page. 

The Odyssey tool is beingness designed to assistance developers combine narratives amongst maps to create compelling stories. If you lot bring a expect at the quick start example map on GitHub you lot tin run across that the electrical flow version of Odyssey includes ii primary elements, a map in addition to a scrollable narrative element. When the user scrolls downwards on the page triggers inward the narrative chemical share burn downwards actions on the map. The upshot is that every bit the user progresses through the storey the map automatically updates to illustrate the narrative.

This is real like to the approach I took inward this narrative map most the Mary Celeste that I pose together amongst the assistance of jQuery Waypoints in addition to the Google Maps API. One hateful solar daytime I mightiness conk some to creating my ain Story Map library using this Mary Celeste map every bit a template. Until hence anyone is gratuitous to role the code from the map to say their ain mapped stories amongst the Google Maps API.