I am not sure if this is the right place to ask this question... but I am trying to place a stationary map that can navigate to other sections in the side bar of my map journal. Just like the gallery example of the Abandoned Islands. Does anyone know how

967
5
Jump to solution
06-28-2017 11:57 AM
BradleyBrashears
New Contributor

I am trying to place a stationary map that can be clicked on to navigate to other sections of my story map side bar. How do I do this? The gallery example entitles "Abandoned Islands" side bar map is exactly what I would like to do... please help! Thanks!

0 Kudos
1 Solution

Accepted Solutions
RupertEssinger
Frequent Contributor

Actually the Story Map Journal in question is this one: 
http://storymaps.esri.com/stories/2017/abandoned-islands/ 

It required a customization of the code to add that, so we downloaded the source code for Story Map Journal and hosted it on our own team web server in order to make that customization. It's not done using Story Actions.

Here's an earlier version in a different story, with a zoom control too

http://storymaps.esri.com/stories/2014/most-visited-parks/ 

You can add a web map into the side panel for a Map Journal or Map Series without any coding (see blog post), but it's the interactive link between the map and the sections in the story you can't do without customization. Plus in the examples above the interactive map is in the header not the narrative panel for a particular section. It would be a cool feature to offer out-of-the-box and it is in our backlog of enhancements for Story Map Journal. 

Rupert

View solution in original post

0 Kudos
5 Replies
HemingZhu
Occasional Contributor III

Try Old school tech "Imagemap" and linked each port of your map to different section of you page.

0 Kudos
AdrianWelsh
MVP Honored Contributor

Bradley,

I am guessing you are referring to this story map:

https://story.maps.arcgis.com/apps/MapJournal/index.html?appid=3b48dcf1a7d84edba295fb8da55f2c23 

Take a look at this blog. It will explain how to do that:

Using Story Map Journal Story Actions | ArcGIS Blog 

0 Kudos
HemingZhu
Occasional Contributor III

I think this is more of the web app design and develop question. There are a lot of way to achieve the same visual effects like one example that Adrian point. you could also look at Bootstrap's Carousel or something else...  

0 Kudos
RupertEssinger
Frequent Contributor

Actually the Story Map Journal in question is this one: 
http://storymaps.esri.com/stories/2017/abandoned-islands/ 

It required a customization of the code to add that, so we downloaded the source code for Story Map Journal and hosted it on our own team web server in order to make that customization. It's not done using Story Actions.

Here's an earlier version in a different story, with a zoom control too

http://storymaps.esri.com/stories/2014/most-visited-parks/ 

You can add a web map into the side panel for a Map Journal or Map Series without any coding (see blog post), but it's the interactive link between the map and the sections in the story you can't do without customization. Plus in the examples above the interactive map is in the header not the narrative panel for a particular section. It would be a cool feature to offer out-of-the-box and it is in our backlog of enhancements for Story Map Journal. 

Rupert

0 Kudos
StephenSylvia
Esri Regular Contributor

If you do want to as the same style map that you see in the Abandoned Islands story and you're willing to download the app and host it, we've written a blog post with instructions to add that context map: https://developerscorner.storymaps.arcgis.com/add-context-to-story-map-journal-with-an-index-map-ccc....

0 Kudos