Skip to Main Content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.
StoryMapJS is a free tool to help you tell stories on the web that highlight the locations of a series of events.
There are a couple ways you can make a StoryMap.
Add a slide for each place in your story. Setting the location is as easy as a text search for the name, address, or latitude and longitude. You can change the visual style of your map with a few presets, or you can use Mapbox to create your own style.
Really big images
You can tell stories with large photographs, works of art, historic maps, and other image files. Because it works best with pixel-dense files, we call these
gigapixel. Setting one up requires you to host files on a web server.
Tips & tricks
- Keep it short. We recommend not having more than 20 slides for a reader to click through.
- Pick stories that have a strong location narrative. It does not work well for stories that need to jump around in the map.
- Write each event as a part of a larger narrative.
- Include events that build up to major occurrences — not just the major events.
StoryMap JS can pull in media from a variety of sources. Twitter, Flickr, YouTube, Vimeo, Vine, Dailymotion, Google Maps, Wikipedia, SoundCloud, Document Cloud and more!
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.