Recently I accept seen a disclose of floor or narrative maps that usage scrolling equally the method to progress through the narrative. Influenza A virus subtype H5N1 actually practiced example of this is Liminal Editions, a rip-roaring fictional tale amongst an accompanying map.
The New York Times has equally good late created a twain of non-fictional maps (Riding the New Silk Road & The Russian Federation Left Behind) that usage scrolling to progress through a written report as well as to update a map at the same time.
It is possible to usage the jQuery Waypoints library to create something like amongst Google Maps. Waypoints is a jQuery plugin that makes it slowly to execute a role whenever you lot scroll to an chemical share on a spider web page.
We tin post away usage the plug-in to create effect handlers for functions inward the Google Maps API, hence that equally the user scrolls to defined elements on a page nosotros tin post away execute a role inward a Google Map. This enables us to create a floor map, a viscous map that updates equally the user scrolls downwardly the page.
Have a hold off at this example Story Map to run across the concept inward action. As you lot scroll downwardly this page nosotros tin post away movement to dissimilar locations on the map, nosotros tin post away zoom inward on locations, nosotros could add together markers to the map, nosotros tin post away alter the map type as well as nosotros tin post away fifty-fifty charge a Street View image.
This enables us to create floor maps. To say a floor inward the text as well as to movement the map to relevant locations equally the narrative progresses. We could equally good usage the library to create journeying maps. We could furnish details, as well as fifty-fifty add together photos as well as videos to the left mitt column on the page as well as in ane lawsuit to a greater extent than movement the map to the relevant locations when nosotros require to.
It is equally good possible to usage jQuery Waypoints amongst Google Maps Street View. Using the library amongst Street View allows us to create an application where nosotros tin post away walk upwards as well as downwardly a street using the scroll bicycle or scroll bar.
Have a hold off at this demo to decease an see of what is possible. For the purposes of this example I've added a visible overlay as well as added a hash '#' for each div chemical share where I am loading a novel Street View. If you lot wanted to replicate this inward your ain application as well as then you lot would in all likelihood desire to ready the opacity of this overlay to cipher hence that the user wouldn't run across it.
