How To Use StoryMapJS to Create Interactive Maps for Your Website

April 20, 2018April 15, 2018 Aaron Manfull 6075 Views 0 Comments Google Maps, how-to, infographics, Knight Lab, maps, StoryMapJS, Tutorial

Google Maps is a nice option to use if you want to embed a map on your site. But, if you’re looking for something a bit more robust, check out StoryMapJS. It’s a free tool from the Northwestern University Knight Lab that allow users to create web stories highlighting the locations of a different places.

I’ve embedded two tutorials from Youtube below. You can also find more information about the tool:

Here with an overview about the program
Here with a few examples of StoryMapJS in action
And you can make your own by clicking on the green box here

Aaron Manfull

Aaron is in his 26th year of advising student media. He is currently the Director of Student Media at Francis Howell North High School in St. Charles, Missouri. He is the Journalism Education Association Digital Media Chair and co-Director of Media Now. He is the 2023 JEA Teacher Inspiration Award Winner and is a former Dow Jones News Fund National Journalism Teacher of the Year. He is one of the authors of the textbook "Student Journalism and Media Literacy." You can find him on X and Instagram @manfull. He's a proud father. A transplanted Iowan. And an avid Hawkeye Fan.

Aaron Manfull has 868 posts and counting. See all posts by Aaron Manfull

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Aaron Manfull

You May Also Like

Embed Instagram Video onto Sports Posts or a Scoreboard

Adobe Premiere: How To Reduce Your Video File Size in Export

How I’m surviving my first year as adviser: Immediate Content

Leave a Reply