Adding Google Maps to a Blog or Web page

| | Comments (2)

It looks like Google finally added an embed code which lets you embed any map you create into your Web page

The Google Map embed instructions are fairly simple - you click "link to this map" to see the code. I recommend using the Preview function so you have exactly the zoom and location you want.

You can also create your own custom maps fairly easily with labeled pins (even color coded) and highlighting key areas. For once the vendor Google has provided decent MyMaps instructions, but I also learned from colleague Chris Millet's video tutorial.

I'm glad to see that Google Maps is letting us embed maps. There are a lot of courses including political studies, sociology, geology, linguistics, history and many others where viewing maps is crucial to understanding events. Now instructors can create maps to fill in the gaps, and it's great that you can zoom in and out. I even created a map to show the students where they went to high school (great for tracking dialects).

I thought I would embed a map as a demo. This shows the zip codes of State College and University Park


View Larger Map

The code looks something like this

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&hl=en&geocode=&q=16805&ie=UTF8&om=1&s=AARTsJpP8HuZttzsTmaO5qSXfC_JN95p2w&ll=40.822643,-77.844315&spn=0.181863,0.291824&z=11&iwloc=addr&output=embed">
</iframe><br />
<small><a href="http://maps.google.com/maps?f=q&hl=en&geocode=&q=16805&ie=UTF8&om=1&ll=40.822643,-77.844315&spn=0.181863,0.291824&z=11&iwloc=addr&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>

2 Comments

Cole said:

This will be very useful in courses ... I can see a very interactive map of Valley Forge for example, or a mine region map of West Virginia. It is good to see more and more people providing embed code for their services ... makes me wonder when ads will show up in them.

kim fox said:

This is so cool. I plan to use it in some way or another. Thanks for sharing the knowledge.

Leave a comment