ArcGIS StoryMaps

Using a Story Map to Share Code

Note: This blog includes information pertaining to classic Esri Story Maps. Esri will continue to maintain the classic templates for your use, but they are in the latter phases of the support lifecycle. For more information, see the Product road map.

The examples included below may contain relevant concepts and techniques for sharing code, but story authors are encouraged to use the new ArcGIS StoryMaps for new projects. For current information about sharing code in ArcGIS StoryMaps, see Spike maps and code snippets.



Story maps are great for teaching and instruction.

Recently, I became aware of an excellent story created by Rudy Prosser, an Esri Instructor. Rudy’s Map Series story presents a code challenge for the ArcGIS API for JavaScript using code samples from the popular code playground CodePen. Using a Story Map to deliver this challenge enabled Rudy provide context for his readers and lets them to interact with the code right inside the story.

I thought this was a great use of Story Maps, so I asked Rudy if I could share his idea. Below you’ll find links to 1) a story map with step-by-step instructions on how to share code samples in a story map and 2) Rudy’s Map Series story that presents the code challenge.

Finally, if you’re looking to learn some new skills, check out this collection of instructional stories that has many wonderful examples of explaining a process through a Story Map.

Step-by-step instructions on how to share code via a story map
A code challenge presented using Story Map Series

Banner photo by Caspar Rubin on Unsplash

About the author

Owen is the lead product engineer for ArcGIS StoryMaps and has been with Esri since 2004. Before joining the StoryMaps team, he spent 11 years as a solution engineer on Esri's National Government team helping people understand the value and utility of geospatial thinking.


Next Article

Visualize your Mission Responders Activity with Tracklines

Read this article