Create, Share, and Embed A Custom Google Map

August 25, 2017 3:28 pm Published by

As the most popular mapping technology, we all are familiar with the life-saving application Google Maps. It allows you to explore the entire world from a bird’s eye view zooming down to almost every street. Whether you are searching for hip coffee shops nearby or wondering what the cityscape of London looks like, no detail is missed in Google Maps.

Google Maps even allows anyone with a google account to create, customize, share, and embed their very own map with its easy-to-use map solution, Google My Maps. I recently learned how quickly you can customize your own map in minutes working on an interactive map for structural engineering firm The Harman Group’s upcoming structural milestones around Philadelphia.

Many publications liked Curbed and the Philadelphia Business Journal customize and embed maps daily to map out real estate, economic, and architectural projects. Whether you are mapping out groundbreaking projects or mapping out where each Disney movie took place, this Google tool is accessible and useful to all and I can show you how.

Setting Up Your Map

  1. Log in to your Google account
  2. Go to Google My Maps
  3. Go to “Create a new map”

4. Once the blank map appears, double click on “Untitled map” to change the title and add in a description below.

     5. Double click on the “Untitled layer” to change the title and add more layers using the button above. Layers are a great tool to separate specific content and have the ability to hide/deselect to clearly see one layer.

Tip: You can import CSV, TSV, KML, KMZ, GPX, XLSX, Google Sheets, or a photo in Google Drive to place your map data. Map features like latitude, longitude, type, description, and URL link are added automatically. (See supported Google limits here.)

Style your map

  1. Change the base map at the bottom of the map menu.

       2. Go to the search bar and type in the first location you want to add and select “add to map”. You can remove the details from Google Maps if you do not want it shown by clicking remove.

3. Select the pencil icon to add in a description.

      4. Select the paint bucket icon to change the color and icon to differentiate your plot points.

      5. Select the camera icon to add in an image or video from the web or your computer.

       6. Select items with the hand tool, add markers with the plot point icon, add lines or shapes (for driving, biking and walking routes) with the multiple points shape add directions with the route icon, and measure distances and areas with the ruler tool. Use these tools to put the finishing touches on your map.

Repeat these steps until all of your points are in the map and in their respective layers.

Share your Map

All maps are private by default. Only the creator of the map can change who can view and edit.

  1. Click on “Share” to find the Share settings. Under “Who has access”, select “Change” to share with the “Public”, “Anyone with the link”, or just with “specific people”.

       2. Under “invite people,” enter in email addresses of people you’d like to share your map with directly. In the drop down to the left you can change if the person “can edit” or “can view” the map.

Tip: To share your map with a non-Google account, copy the map URL and change the word “edit” in the URL to “view” before sending and there will be no login required.

Embed your Map

Embed your map to your website with a public map. First, you can set your default view in the 3 dot drop down next to the title of the map to set the standard view of your map.

  1. Click on the 3 dots to the right of your map title and select “embed on my site”.

       2. Copy the following HTML and paste it into the source code.

Embed your map to WordPress

In order to add the map to WordPress you will need to edit a Post or Page, or an existing post.

  1. Login to WordPress
  2. Go to Posts/Page to add new or go to All Posts/All Pages to edit an existing post or page.
  3. Open the Text mode and paste the HTML code wherever you want to place your map.

4. Save draft, update, or publish your post or page.

There you have it! You now know how to create, share and embed your very own custom map.


Tags: , , , ,

Categorised in: , ,

This post was written by Maven Communications

Comments are closed here.