Easy Way to Embed and Customize Google Map without Using the API

Contributor Icon Contributed by David Kirk     
Tag Icon Tagged: Google  

Google has finally made embedding a google map as easy as embedding a youtube video. By following these steps you are just a copy and paste away from placing a google map into your web site or blog.


Nice feature, google! One of the keys to youtube’s popularity has been the ease of adding youtube videos to blogs. Now, placing a google map into your blog is just as easy.

I’ll be using a map from my NC triangle hiking blog as an example. I have previously not embedded maps. I would take a screenshot and link to my map. Like this example, clicking on the picture would drop one into the google map shots.

Here is how to actually embed that map instead of just linking to it.

1. Go to the map that you want to embed (my example)
2. Click Link to this page in the upper right hand corner

3. Either copy the code from the Paste HTML to embed in website section or even cooler is to click the Customize and preview embedded map link to change the size of the embedded map.

Pasting this code into your website or blog will place a fully interactive google map into an iframe into your beautiful blog.

Here is the embedded results from my example above:



 

6 Comments -


  1. one said on January 29, 2009

    testing

  2. Nat said on February 12, 2009

    Hi, yes this was very easy. Doi you know if there’s a difference qith using the API? What benefits does it have? Do you know?
    Thx.

  3. rbald said on July 7, 2009

    Hi, same question as Nat.
    Would like to know the difference and/or advantages of using the API instead of embedding google map?

    Thank you.

  4. Anonymous said on August 7, 2009

    The API allows you to make your own points of interest, and manipulate the “bubbles” at least. There are a number of other options within the API that I’m just learning about. It’s really pretty cool. It’s free to download and as long as you are allowing free public access to your site. I don’t know a lot more since I’m just starting out, but it seems pretty nice.

  5. Conor B said on November 23, 2009

    Thanks for this – it’s so easy and yet Google has no information on how to use it! Good job!

  6. Krithika Eshwar said on August 18, 2010

    can someone plz suggest how to popup a bubble white message box if you click on a map… in javascript.. asp.net… please help…

 

RSS feed for comments on this post. TrackBack URL

Leave a comment -