New Practice Even Out Maps Amongst The Google Maps Api

Recently I bring seen a release of floor or narrative maps that utilization scrolling every bit the method to progress through the narrative. Influenza A virus subtype H5N1 actually skillful illustration of this is Liminal Editions, a rip-roaring fictional tale amongst an accompanying map.

The New York Times has too late created a twosome of non-fictional maps (Riding the New Silk Road & The Russian Federation Left Behind) that utilization scrolling to progress through a written report in addition to to update a map at the same time.

It is possible to utilization the jQuery Waypoints library to create something like amongst Google Maps. Waypoints is a jQuery plugin that makes it slow to execute a component division whenever y'all scroll to an chemical constituent on a spider web page.

We tin utilization the plug-in to create consequence handlers for functions inwards the Google Maps API, thus that every bit the user scrolls to defined elements on a page nosotros tin execute a component division inwards a Google Map. This enables us to create a floor map, a mucilaginous map that updates every bit the user scrolls downward the page.


Have a expect at this illustration Story Map to run across the concept inwards action. As y'all scroll downward this page nosotros tin motility to dissimilar locations on the map, nosotros tin zoom inwards on locations, nosotros could add together markers to the map, nosotros tin alter the map type in addition to nosotros tin fifty-fifty charge a Street View image.

This enables us to create floor maps. To nation a floor inwards the text in addition to to motility the map to relevant locations every bit the narrative progresses. We could too utilization the library to create journeying maps. We could supply details, in addition to fifty-fifty add together photos in addition to videos to the left manus column on the page in addition to in i lawsuit again motility the map to the relevant locations when nosotros need to.

It is too possible to utilization jQuery Waypoints amongst Google Maps Street View. Using the library amongst Street View allows us to create an application where nosotros tin walk upwards in addition to downward a street using the scroll bicycle or scroll bar.


Have a expect at this demo to hold upwards yesteryear away an persuasion of what is possible. For the purposes of this illustration I've added a visible overlay in addition to added a hash '#' for each div chemical constituent where I am loading a novel Street View. If y'all wanted to replicate this inwards your ain application in addition to then y'all would in all likelihood desire to laid upwards the opacity of this overlay to naught thus that the user wouldn't run across it.

Share this post