topic Dynamic Map Content: Linking Side Panel and Map Content? in Classic Esri Story Maps Questions

Dynamic Map Content: Linking Side Panel and Map Content?

AdamAraza1 — Tue, 01 Sep 2015 00:03:45 GMT

In story map tour, if you click a point on the map the application scrolls to the corresponding content on the tour. Is there a way to create a similar functionality in the series?

Here's an example of what I'm working on: https://cupertino.maps.arcgis.com/apps/MapSeries/index.html?appid=16825cf8061c47cda19d1458647d6120

It'd be nice if a user could click a project on the map and the side accordion would scroll to the appropriate content.

Appreciate any ideas or guidance.

Re: Dynamic Map Content: Linking Side Panel and Map Content?

OwenGeo — Tue, 01 Sep 2015 01:01:34 GMT

Hi Adam,

Great start so far! Unfortunately, it's not possible to set up behavior like you described in the Map Series app.

I'd suggest trying the Bulleted layout for your Map Series app (Settings > Layout). Since you have a lot of sections, and the titles of many of them are long, I think bullets might give your app a cleaner look.

Another option you could try is the Story Map Shortlist app. It does have the interaction between the map and the descriptions you are looking for (like Map Tour). The downside with Shortlist is currently you have to download the code for it and host it yourself. We are working on adding Shortlist as a hosted app in ArcGIS Online sometime in the first half of next year.

Owen

Re: Dynamic Map Content: Linking Side Panel and Map Content?

GregoryL_Azou — Tue, 01 Sep 2015 15:13:58 GMT

In addition to Owen comment, you may like a tip on Map Series GitHub page that explain how you can customize the application to change the behavior of a map and allow a click on a map Feature to direct the user to a certain tab/item/bullet in the story: Esri/map-series-storytelling-template-js · GitHub . Some development skills are required, there is some more information in this thread Map point section links · Issue #23 · Esri/map-journal-storytelling-template-js · GitHub