How to add a Google map to a WordPress blog post

Read and write comments

Receive new posts via email

WordPress has instructions for adding a Google map to a blog post. Those instructions are accurate but incomplete: I will explain everything, but before you read any further I suggest that you print the instructions then come back here.

I wanted to put a map into a post that covered a photo trip and following the WordPress instructions gave me a map that looked like this:


View Larger Map

Which was pretty useless when I wanted to show all my map markers, like this:


View Larger Map

Here’s what you do to get the map that you want…

At step 4 of the WordPress instructions ignore what they say and instead click on ‘Customise & preview the map’. You’ll see something like this:

Zoom into the map (click on +) and click and drag the map (or click on the arrows) so it’s centered as you wish. You can also alter the map size and appearance (Map/Sat/Ter. Avoid Earth because your readers will need a browser plugin). Now you’ll see something like this:

The HTML code changes automatically whenever you zoom in or make another change. After you have made all your adjustments you can copy and paste the HTML code as per the step 6 of the WordPress instructions: what your readers see in your post will be exactly what you see in the preview map.
Practical Computing


Advertisement

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 )

Connecting to %s

Follow

Get every new post delivered to your Inbox.