Story Maps Developers' Corner: Navigate Map Journal Sections Using the Main Stage Map

Blog Post created by ressinger-esristaff Employee on Oct 12, 2017

Turn your main stage map into an interactive table of contents!



Cooper Thomas on the Esri Story Maps team writes:


The Map Journal interface contains two primary elements: the narrative panel (also referred to as the side/floating panel), and the main stage. As the reader scrolls through entries or sections in the narrative panel, the main stage updates to show relevant content, such as maps, 3D scenes, images, videos, or even webpages. In terms of story navigation, it’s a one-way relationship: user interaction with the side panel updates the main stage content, and not the other way around.

But with a simple customization, it’s possible to invert this behavior, so that interacting with a map in the main stage actually navigates through the story. In other words, this customization allows you to click on a feature on the map, like a point, to jump directly to a specific narrative section. This is great if you want to create a Map Tour-esque story map using non-point features (like country polygons); or if you want to provide a geographic “table of contents” in the form of an interactive map; or for allowing readers to explore content in a non-linear manner. We’ve included this customization in several different stories of our own; in this tutorial, we’ll show you how to include it in your own Map Journal.


Read the blog post...


> Navigate Map Journal Sections Using the Main Stage Map