Google Maps:

Requirements: Google Account

Set up:

  1. Log into Google (with a non-Hawkmail account)
  2. Navigate to http://maps.google.com
  3. Click on the icon with three horizontal bars in the left-hand side of the search bar.
  4. Click on “Your Places,” then “Maps.”
  5. Click on “Create Map” and give your map a title and a description by clicking on the words “Untitled Map” in the upper-left hand side of the screen and completing the empty fields.
  6. To add locations to your map, type a location in the search box, (e.g. 221B Baker Street, London), click on the resulting point, and then click “Add to Map”

 Editing Data

  1. First, let’s add text
    1. Click on the location, then click on the icon of a pencil
    2. Type a title and description for the location
    3. Click “Save”
  2. Next, let’s add an image to a location
    1. Click on the icon of a camera.
    2. Do a Google image search for your location, choose a picture of the area, click on the image you want, and click “Select”
    3. Click “Save” to save your picture.
  3. Next, let’s color-coordinate the locations
    1. Click the paint bucket icon
    2. Select a color and shape from the drop down menu to determine the appearance of the location pins.
    3. Click “more icons” to see even more options
  4. Finally, let’s add lines to connect the locations
    1. Figure out the order you’d like the locations to have
    2. Click the icon that looks like several dots connected with lines and select “Add line or Shape” (or “Add Walking Route” if the characters walk between the points).
    3. Click on each location in order and hit enter when you’re done.
    4. Give the line a name and a description.
    5. To change the line’s appearance or color, hover over the name of the line in the left-hand box alongside the locations and click the paint-bucket icon that appears.
    6. Select the desired color and line width.
  5. Let’s share the map
    1. In the upper-left part of the screen, click the word “Share”
    2. To let others see your map, click on the word “Change” in blue
    3. Select “Anyone with link” to let anyone with the map link see your map
  6. To let other people collaborate on your map, type their email addresses into the box labeled “Invite people”

StoryMap JS:

Requirements: Google Account; Chrome is recommend

Instructions:

  1. Go to https://storymap.knightlab.com
  2. Click “Create”
  3. Select “Login with your Google Account”
  4. Click the green button labeled “New”
  5. Give your map a title and click “Create”
  6. Type the name of your map under “HEADLINE”: this is the title of your map
  7. Enter a description of your map in the text field under “HEADLINE”
  8. Upload an image for your homepage (click on “Upload an image”) or paste a URL of an image or video into the field labeled “URL to your media.” Add credit and caption if desired
  9. Click “Add Slide” to add a new slide
  10. Repeat steps 6-8 for each location where you’ve lived
  11. Type the location you’d like to mark on the map into the box labeled “Search.” Feel free to use the + and – buttons to zoom in.
  12. Click the “Save” button occasionally to save data
  13. When you’ve added all your locations, click the “Options” button.
    1. You can change the map’s appearance with “Map type”
    2. If you want to preserve the level of zoom and want the map to resemble a slideshow that focuses on individual points, switch from “Cartography” to “Image” under “Treat As”
    3. If you’re interested in the relationship between the points and care less about the level of zoom, leave it on “Cartography.”
  14. To share the map, click on the “Share” button. Copy and paste the link under “link” to send in an email. To embed the map in a website, scroll down and save the “embed” code to paste in your website’s HTML editor.
  15. You’re done!

Sample Student Maps:

The Romance of a Shop Map: http://tinyurl.com/romanceofashop

The Walking Dead Map: http://walkingdeadgis.weebly.com/

Nirvana Map: Obscurity to Domination: http://nirvanatour.tumblr.com/

Map of Holmes story “The Twisted Lip”: http://tinyurl.com/twistedlipmap

Map of Holmes story “A Scandal in Bohemia”: http://tinyurl.com/scandalbohemiamap

For more info, check out https://annieswafford.wordpress.com/

Feedback?

Click here to take our questionnaire!