Multiple Google Maps on One Page
I recently was trying to embed several maps into one page using Google Maps, using the iframe method. When I did, all of the maps were showing the first map’s location, even though all of the addresses were correct in the URLs. I did a little searching, and all I found were more advanced examples using the JavaScript API, but I just wanted the more simple iframe links generated by Google Maps.
As it turns out, the fix to this is just using a Google Maps API key. You can get a key here:
http://code.google.com/apis/maps/signup.html
After you have a key, just use it in the map call that you got from copying the “Link” button on the top right in Google Maps. Now all of your maps should display correctly.
Categories: Uncategorized