Embedding a custom Google Map in WordPress

I recently wrote about how to create a custom Google Map showing your ancestors. Thinking about it I realised I’d only taken the first step and it would be worthwhile to figure out how to actually embed the map you created in a blog, in this case with WordPress. Naturally WordPress has an article on how to do this, however the instructions are out-of-date, so here is my alternative version.

Start of by opening up the map you created. On the top left hand side of the screen is the control box that you will need to use.

Everything you will need is here.

Everything you will need is here.

Now you need to change the sharing option to allow anyone to see the map. Click on Google Maps +Share and change who can access the map to “Public on the web – Anyone on the Internet can find and view”. Save your change and click on Google Done.

Now you need to click on the three dots to the right of the Add Layer. This brings up an additional menu, as shown below.

Select the option

Select the option “Embed on my site”

This brings up a box, as shown blow, with the HTML you will need. Copy this code (select, right-click, copy).

This is the HTML code you’ve been looking for.

Now just add the HTML code, to your WordPress blog. I’ve done this below. You will see that I’ve changed the actual map to use the Terrain map (click on Base map from the Google Map controls box and select you favourite from the 9 options).

This entry was posted in Genealogy, Google, Mapping, maps, WordPress and tagged , , , . Bookmark the permalink.

1 Response to Embedding a custom Google Map in WordPress

  1. Pingback: Mapping your ancestors with Google Maps | learnalittleeveryday

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 )

Google photo

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

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.