What is Story Map 

Story maps are interactive maps that allow you to highlight the spatial aspects of a story in a visually engaging way. The story map software university supports Story Map JS. 

What is Story Map jS

Story Map JS is a free tool that can be embedded into a WordPress site. It allows users to create a narrative driven interactive map that highlights the spatial aspect of the story through maps, texts, videos, and images. 

Instructions

Sign In
How to Sign In to Story Map
Make A Map
How to create, change the background, and save a story map
Embed on Wordpress
How to Embed a StoryMap onto a Wordpres site
Sign In
  1. Go to Story Map JS homepage 
  2. Click on "Make a StoryMap"
  3. Sign in with Google 
Instructions for Making a map 
Create a New Map 
  1. Click on green "New" button                                   
  2. Type a name for the map 
  3. Click on the green "create" button                           
  4. Click on "add slide" box on the right side of the screen
  5. Add a title for the stop in "Headline" box
  6. In the text box under "Headline" add more information about the stop
  7. Add an image or video by copying and pasting the image/video URL
  8. Upload an image from your device click on "upload an image" then choose an image file
  9. Cite the image in the "credit" box
  10. Describe the image in the "caption" box
  11. In the box highlighted in red add location by typing the street address or coordinates
  12. Repeat steps 4-11 until you done telling your story 
Change Map background 
  1. Click on the "Option" button in the top left of the screen                               
  2. Select "Display"
  3. Go to "Map Type" 
  4. Chose a new Map Type by selecting a map name 
  5. Click "Close"           
Save Your progress 
  1. Click Save in upper left corner     
  2. Click on "Publish Changes" 
  3. To view changes select the blue "Preview" next to "Edit"  
Embed on Wordpress website 
  1. Click on "Options" in upper left corner                                                           
  2. Select "Sharing" 
  3. Click on "Open Sharing Settings"
  4. Scroll down to the bottom of the window until you see the "Embed" section 
  5. Copy the code under embedded 
  6. Click "Close"                                     
  7. Login to your Wordpress site
  8. Navigate to the page on the website you want to add the map 
  9. Click the blue plus in the upper left hand corner 
  10. Scroll down until you see "Custom HTML" and select it
  11. Paste the code you copied into the box that says "Write HTML"
  12. Click "Save"