How-To: Make a Google Map

Today we’re making maps! At the bottom of this how-to, you’ll see a sample map of our own beloved Evansdale Crossing, made by following these very steps. Follow along and create your own!

Making the map

  1. Sign in to Google and go to maps.google.com
  2. Click the menu icon to the left of the search bar (it looks like three horizontal lines) and select “Your Places” from the drop-down menu, then click “MAPS”
  3. Select “Create Map” (at the very bottom of the left bar)
  4. In the new window, click “Untitled map” to give it a title and description
  5. Add places: Search a place address, click the marker, and select “+ Add to map” in its pop-up window
  6. Make changes by clicking a placed marker:
    1. Edit (the pencil icon) lets you change the title and description of a place. You can also add links () with HTML.
    2. Style (the paint bucket icon) lets you change the color and design of map markers. You can also upload your own designs, if you’re fancy.
    3. Add Image or Video (the camera icon) lets you … well, I think you can figure that one out.
    4. You can also add points of your own by selecting the “Add marker” icon (under the search bar) and clicking to place new map markers.
  7. Add lines and shapes
    1. Click the line/shape button and click points – double-click to finish
    2. Can name/describe your lines and polygons (shapes) in the same way as map markers.
    3. Style:
      1. Click lines to change color and thickness
      2. Click polygons to change color, border thickness, and transparency.
  8. Trash an element by selecting it and clicking the trashcan in its window

Adding group members

  1. Click “share” in top left menu
  2. Under “Invite collaborators,” add email addresses
  3. Choose what they can do: “Can view” or “Can edit”

Embed the map in your blog

  1. Click “share” and change settings from Private to “Public on the Web” (this allows any reader of your blog to see it), then click Done.
  2. Placing the map:
    1. Position the map how you want it to appear on your blog
    2. Click the three dots next to your map’s name in the top left menu > Select “Set default view”
    3. Click them again and select “Embed on my site”
      1. The code should look like this: “iframe src=”https://www.google.com/maps/d/embed?mid=1L7ZYJ8iuII5T9qoIuk4IAtmQF7U” width=”640″ height=”480″ “
      2. [note: There will also be pointy brackets like this <> around it, but I’ve left them out so WordPress doesn’t think I’m trying to embed a map here!]
    4. Paste the resultant line of code directly into a WordPress blog post and preview to see if it looks the way you want it.

Advanced map shaping

  1. Don’t like the shape of your map? Notice the details of that code:
    1. (this code comes from the map embedded in this post): iframe src=”https://www.google.com/maps/d/embed?mid=zRA7u_2r6VF0.kDx4jre2-3cA”; width=”640″ height=”480″
  2. See those “width” and “height” values? Right now it’s a horizontal rectangle, but you can change that! Try some different values to get the shape you want.

The final product!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: