Embedding Google Maps on Your Blog or Website

This is a pretty straight forward process, but it also can have a variety of different outcomes depending on which map you want to display. It is useful to know these options to offer a richer visual experience on your blog or website.

Here is the basic run through:

  1. Navigate to the location on Google Maps that you want to embed elsewhere.
  2. Click on the LINK button above the map.
  3. You can take the second link of HTML to embed in your blog – this is the default size 450 by 350.
  4. Useful to note here that this is iframe code which doesn’t work well in WordPress (or Edublogs for that matter) – so if you have a WordPress blog write your blog post in the Visual editor and when you are ready switch to HTML editor, paste your code and then publish straight away. If you switch back to the Visual editor the code will get stripped out and your map will vanish.

4898187904 f9f90f6172

Customise your map for embedding:

  1. Hitting the Customise and preview embedded map link will give you a bunch of options and allows you to refine exactly what you want embedded.
  2. The map sizes you can choose from are Small, Medium, Large and a Custom option for you to define the exact size.

You in fact have four different choices for the style of map you can use at this point.

Earth = Google Earth (plugin needed)
Ter = Terrain style
Sat = Satellite imagery
Map = Map

For a fifth and sixth option you can combine the Satellite or Earth imagery with the Maps labels, a little rollover on each button.

Here are the examples of the different maps that you can display embedded below, plus an extra bonus. I particularly like the Google Earth choice that provides that functionality to any user, they of course need the GE browser plugin which is available on Flock, IE, Firefox and Chrome.

GOOGLE EARTH


View Larger Map

GOOGLE EARTH and MAP


View Larger Map

TERRAIN


View Larger Map

SATELLITE


View Larger Map

MAP


View Larger Map

SATELLITE and MAP


View Larger Map

STREETVIEW


View Larger Map

To embed Streetview just drag the little Orange pegman to the map and find your preferred Streetview, then just follow the process explained above, easy. You can always alter the view on the Customise page if you need to.

The location of these maps is the Angel of the North. It is worth looking out for these special locations where Streetview goes offroad and follows footpaths to get up close to various monuments or unique locations.

There you go, seven different types of maps to embed in your blog or website – I hope you found this little guide useful.

Shapes in Paris – NEW Maths Map

Hot on the heals of Measures in Madrid here is the next addition to the Maths Maps series. Shapes in Paris makes the most of this beautiful city and the maths that is visible in Google Maps.

SHAPE IN PARIS

View 24 Shape Activities in Paris in a larger map

I have had a lot of fun exploring the city from above! One facet of Google Maps is Streetview which gives us a wonderful 1st person view of the city streets. I used this same view to set some questions about what could be seen.

For example, here is a Police car and on the bonnet is the mirrored word Police written in block letters. Some of the letters are great examples of regular and irregular shapes.

Streetview Shape Questions

From space we have zoomed right down into some lettering which can only be about a metre across! This is the sort of detail that Streetview offers us and our students and I would love to see more Maths Maps questions using Streetview.

In the last few days I have heard from a few teachers in my Twitter network who have used the Maths Maps idea already with their classes and it is thrilling to here it making a difference in other classrooms.

That is the very reason why I share my ideas here.