Online Assignment #7: Mapping Holmes Locations

Instructions:

In the groups you used for your previous mapping exercise, you will use both Google Maps and Mapbox to create a map of the locations in the Holmes story you selected.

To submit the assignment:

1. Embed and link to your Mapbox map on our class blog and include the names of your groupmates in the post.

2. Your map should have lines connecting the locations and an appropriate picture for each location.

DUE

October 25th by 5pm.

The first two steps of the “Preparing the Data” section of the instructions must be completed on October 22nd by noon.

 Preparing the Data:

  1. Visit https://goo.gl/F823Rv and fill in the form with data about your selected location from a Holmes story: longitude, latitude, location name, and description of what happens at that location (including the page number of the relevant passage of the story).
  2. Follow these directions to get the longitude and latitude of your location: http://www.wikihow.com/Get-Longitude-and-Latitude-from-Google-Maps
  3. This creates a Google spreadsheet with information about each location in each story (https://goo.gl/NoXIWa).
  4. When the spreadsheet is complete, go to “File” -> “Download As” -> “Comma-Separated-Values” (.csv); This saves the data as a .CSV file, which is necessary for mapping projects. Make sure to shorten the column names so they do not contain extra characters. Click here to download the .CSV file.

 Set up for Google Maps:

NOTE: I will actually import the spreadsheet into Google Maps for you and then share the map, so you will skip steps 1-6 for now, but the instructions here will teach you how to import your own spreadsheet for future reference.

  1. Log into Google (with either your Hawkmail or non-Hawkmail account)
  2. Navigate to maps.google.com
  3. Click on the icon with three horizontal bars in the left-hand side of the search bar.
  4. Click on “My Maps.”
  5. Click on “Create” 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. There are two ways to add data:
    1. Option 1: Adding locations individually:
      1. Type a location in the search box, (e.g. 221B Baker Street, London), click on the resulting point, and then click “Add to Map”
    2. Option 2: Import data from a spreadsheet (we’ll be using this)
      1. Click “Import” in the box on the left.
      2. Click the blue “Select a File from your Computer” button, find the file, click it, and then click “open.”
      3. When asked for the longitude, latitude, and title columns, select them.
      4. Congrats! Your data has been imported!

Using the Class Google Map:

  1. Navigate to the class Google Map.

Editing Google Maps Data

  1. First, let’s color-coordinate the locations by story
    1. Click on the words “Uniform Style” on the left, and set the drop-down menu on “Which Sherlock Holmes story does your location appear in”
    2. Now, each story is listed in the box on the left; the icon on the left shows the location’s color, and the number of the right shows the number of locations per story.
    3. Choose one person in the group to hover over your story title and to click on the icon that appears on the right.
    4. Select a color and shape from the drop down menu to determine the appearance of the location pins for your story.
  2. Next, let’s add an image to a location
    1. Find your location and click on it; a window should pop up with information about it.
    2. Click on the icon in the shape of a pencil and click on the icon of a camera.
    3. Do a Google image search for your location to choose a picture of the area, click on the image you want, and click “Select”
    4. Click “Save” to save your picture.
  3. Finally, let’s add lines to connect the locations in the story
    1. Figure out the order of locations in the story
    2. Select the first spot in your story, and then click the icon with circles and select “Add line or Shape” (or “Add Walking Route” if the characters walk between the points).
    3. Click on each story location in order and hit enter when you’re done
    4. To change the line’s appearance or color, hover over the words “Other/No value” near where the story titles are listed in the left box and click the icon that appears.
    5. Select the desired color and line width.
  4. You’re done! Congrats!

Using Mapbox:

Mapbox (https://www.mapbox.com/) is another great mapping program that lets you customize things a little more and makes more elegant maps. However, it doesn’t let multiple people edit the same map simultaneously, so you’ll have to work together in groups:  partner up with the person(s) you worked with to submit your location for today’s class.  If you didn’t have a partner, work with someone else who does your Holmes story and is partnerless.

Importing Data:

  1. Download the class’s CSV file by clicking here.
  2. Choose one person in your group to make a Mapbox account and log in (https://www.mapbox.com/education/).
  3. Click on “New Project”
  4. Select the background map you want.
  5. Click on “Data” -> “Import” and select the CSV file.
  6. The next window will ask you to connect columns in the CSV file with basic data fields: for Title, select “Title”; for Description, select “Description.” Then, choose the color and icon size you want associated with your story.
  7. Congrats! You’ve imported your data!
  8. Click on “Project,” -> “Settings” and give your project a title and a description.
  9. Click the “Save” button.

Editing Data:

  1. First, delete all data points that aren’t in your story by clicking on the icon with three horizontal lines, and clicking the trash can for every data point that isn’t in your story.
  2. Next, each group member should take turns clicking on their location and editing its appearance
    1. Click “Symbol,” and select a symbol that represents the location.
    2. Click “Text” and follow these instructions to add a picture
      1. Do a Google image search to find the perfect image for your location.
      2. Once you’ve found it, right-click and get the image URL.
    3. At the end of your description in the “Add a description” field, click your curser.
  3. Next, you need to type some HTML to make the picture appear!
    1. Type <img src=”[insert image]”>For example, if I wanted this picture of Baker Street associated with Baker street, I would type <img src=”https://shipscooksstuff.files.wordpress.com/2012/02/baker3.jpg“>
    2. Click the “Save” button.
  4. Remember the order in which the locations appear in the story, and get ready to draw lines.
    1. Click the “Line” button, then click on the correct points in order.
    2. Double-click on the final location.
    3. Give the line a name (e.g. “Order of events in “A Scandal in Bohemia”) and a color.
    4. Click the “Save” button.
  5. To see what your map looks like, click “Project” -> “Info,” and copy and paste the URL listed under “Share” into a browser.
  6. Copy the “Share” URL into a new blog post along with the embedded completed map and your group members’ names.
  7. To embed the map:Screen Shot 2015-10-25 at 10.23.57 AM
    a. Click “Project” -> “Info,” and copy everything from the text box labeled “Embed”
    b. On the blog posting page, click on the tab labeled “Text” (it should be right next to the tab labeled “Visual”).
    c. Copy and paste the embed code there.