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!
  1. Sign in to Google and go to
  2. Click the icon to the left of the search bar and select “My Maps” from the drop-down menu
  3. Select “Create Map” (at the 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”
  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 (<a href…>) 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
  9. Invite collaborators
    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”
  10. 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. Three steps:
      1. Position the map how you want it to appear on your blog
      2. Click the three dots next to “Share” in the top left menu > Select “Set default view”
      3. Click them again and select “Embed on my site”
      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.
    3. Advanced fooling around
      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=”; 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!


Leave a Reply

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

You are commenting using your 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: