Story Maps with StoryMapJS

StoryMapJS is a free tool to help you tell stories on the web that highlight the locations of a series of events. It is a new tool, yet stable in our development environment, and it has a friendly authoring tool. 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. Learn more about gigapixel

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. Media sources 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!