|

Embed Google Maps to Any Website

Now you can add a Google Map to your website or blog by copy & paste HTML code. Just like the way you embed YouTube video player to your site. No more requirement of API key and JavaScript knowledge.

Embed Google Maps to your website
Image: Embed Google Maps to your website

How to embed Google Maps?

  1. Goto Google Maps and search for the location you want
  2. Click on the Link to this page link on the top right corner
  3. The code is shown under Paste HTML to embed in website
  4. (optional) click Customize and preview embedded map to select the map size (small, medium, large, and custom)
  5. Copy & Paste the HTML code to your website or blog where you want it to be. Done!


Here is the example of embedded Google Map:

View Larger Map

Why cannot select the Google Map embed HTML code?

If Google Maps HTML embed code is grey out and cannot be copied, means the map area is not supported yet.

Cannot embed Google maps
Image: Cannot embed Google maps

The ability to embed maps is available for Google Maps users in the US, the UK, Canada, Australia, Japan, France, Italy, Germany, Spain, Netherlands, Belgium, Denmark, Finland, Norway, Sweden and Russia.

[via Google Press Center]

My two cents

This is the feature we have wanted for a long time. Previously, it requires programming language to embed Google Maps to our website, now it is as easy as embedding YouTube video. Too bad, the cool feature is currently only available to some countries.

Hey, I wish to show you where I am in my blog when I am traveling. :) How would you use Google Maps on your site?

google, map, google maps

Share this:

Similar Posts