A few weeks ago I posted a google map I had made of Arizona hot springs. However I had some issues with the map.

The map was created using a kml file loaded into an html page using some google javascript magic:


var geoXml = new GGeoXml("http://www.disjointthoughts.com/static_blog_files/arizona.kml");

Everything loaded up and looked fine until I tried to click on one of the markers/pins. When I clicked on the markers, the bubble which appeared over the it was blank instead of containing the description: name of the hot spring along with a link to a topo. To make things more confusing, this behavior didn’t happen when loading the kml in google earth.

Since the kml file worked fine in google earth, I assumed the kml file was ok. The HTML I was using to render the map in a web browser was a copied/pasted example from google’s documentation, so I assumed that was ok as well. After some searching around I found this thread describing my exact problem. Turns out google’s documentation was a bit outdated. The javascript include for google map api needs to be updated from “v=2″ to “v=2.x”:

<script src="http://maps.google.com/maps?file=api&v=2.x&key=your-google-map-key" type="text/javascript"></script>

This cured my problem. Now I have a lovely, marker clickable, map of the hot springs of arizona.