Google Embedabble Maps




Finally! Google now lets you embed Google Maps into your own site, and even customize various aspects of them! The way they implemented it isn’t extremely technical…they just use an embeddable frame for you to put on your site. So you’re essentially serving up another website inside your own site.

Using the "Link to this page" option I was able to embed a map of Iowa State University (where I went to college) below, and as long as your browser supports frames (I think most of them do these days) it should show up just fine. You’ll also notice that the code Google gives you displays a link below the frame to view a larger version of the map.


View Larger Map

I want to point out something that I noticed in the code:

<iframe width="425" height="350" frameborder="no" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&hl=en&geocode=&q=iowa+state+university&sll=37.0625,-95.677068&sspn=55.937499,60.117188&ie=UTF8&t=k&om=1&s=AARTsJqmDOCbTh7fIz42wDKA1ToJInUvCg&ll=42.031253,-93.645658&spn=0.022314,0.036478&z=14&iwloc=addr&output=embed"></iframe><br/><a href="http://maps.google.com/maps?f=q&hl=en&geocode=&q=iowa+state+university&sll=37.0625,-95.677068&sspn=55.937499,60.117188&ie=UTF8&t=k&om=1&ll=42.031253,-93.645658&spn=0.022314,0.036478&z=14&iwloc=addr&source=embed" style="color:#0000FF;text-align:left;font-size:small">View Larger Map</a>

That URL that I highlighted is what’s displayed in the frame, and you can use that URL if you want people see a fullscreen view of the map. Click here to see what I’m talking about. There’s no header and no sidebar…it’s just a clutter-free map!

Source: Official Google Lat/Long Blog