Scribd
Upload
689 views

Basic Google Maps

This document provides instructions for creating a basic Google Map and embedding it in a blog post. It describes how to create a map, add map markers and embedded images, and get the embed code to include the map in a blog. The final steps are pasting the embed code into a WordPress post to display the map.

Uploaded by

MCT507
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
689 views

Basic Google Maps

This document provides instructions for creating a basic Google Map and embedding it in a blog post. It describes how to create a map, add map markers and embedded images, and get the embed code to include the map in a blog. The final steps are pasting the embed code into a WordPress post to display the map.

Uploaded by

MCT507
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 9

Basic Google Maps (with a cheeky first embed)

The first step is to head over to http://maps.google.co.uk


and log in with your Google account.

1
Then click on My
Maps and, if this is
your fist visit, click on
the start button. If
not create a new map

Google provides a
video that will help
too.

2
Key things here are:
Give it a descriptive
title and a short but
simple description.
Keep it public.
Save it

We’ll ignore import


and collaborate for
now.
3
One way to add a point to a map is to search for it,

then click on the map marker and hit the SAVE TO


option.

I named my map Cardiff in the previous step so that is


on the drop down menu > SAVE TO MY MAPS>CARDIFF

In this step you could save a point to any one of a


number of maps you have created.

But there is a problem with the above point. It isn’t on


Cardiff Castle as it should have been, so we need to use
the manual way of adding points.
4
I’ve clicked back on MY MAPS and selected my
map (called Cardiff in this instance).

I’ve then selected the PLACE MARKER TOOL and


dropped it onto the point of my choosing (the castle’s
Norman Keep).

We can now start adding content – so a title and text.


Google Maps offers a number of text options – from
rich text (think of a basic version of MS Word so you
can format and style the description) to HTML.

We’re going to click EDIT HTML and use it to embed a


picture, so off to Flickr for an image we can use.
5
Search for your picture using the search tool, but then
make sure you click on ADVANCED SEARCH – this is a
useful tool (and one you should use on any site that
offers it).

We need to look for pictures that we are allowed to use


under copyright clearance. Although lots of bloggers
just grab images, there are issues for media
organisations.
Read http://bit.ly/flickr_issue for an example.
6
In the example search above I’ve selected two
options: that I required ONLY PHOTOS

And, for this exercise more importantly, I’m only


searching within Creative Commons licensed content

Once selected, hit search.

Have a read about how Al Jazeera licenses some of its


content: http://bit.ly/cc_aljazeera
7
After choosing your image click SHARE THIS
8
Then
Back to click on GRAB THE HTML/BB CODE, pick the size
our map.
you want and then copy the EMBED CODE
We’re going to click on EDIT HTML and then PASTE the
Embed
embed code
code weiscopied
a way of sharing
from data pic.
our Flickr between different
services: Flickr and YouTube are just two that offer
embed
And add afor content.
title too.

We’re
Then clickgoing
OK totoclose
embedthisinpoint.
our map, but you can embed
content from other sites in your blog too.
9
Then simply click SAVE on the map menu on the left.

The click DONE and click onto your map point. If you’ve
done it correctly you’ve got a map point similar to the
one above.

If you see EMBED CODE instead, make sure to click


DONE first.

You can now EDIT the map and add as many points as
you like before embedding it in your blog.
10 Click on the Link option at
the top right of the map to
get the pop-up below

11 Place your mouse cursor in the second text box


titled PASTE HTML and then copy the embed code.

12 In your WordPress.com dashboard, go to POSTS>ADD


NEW. Paste the code into your visual editor.
Click SAVE DRAFT, UPDATE, OR PUBLISH.
You will notice that the code has changed.
WordPress has converted the HTML code into the
working shortcode.
Click on PREVIEW and you will see the map is now
embedded in your post.

You might also like