Great to see this example as it is something I was hoping to do. I have some .kml files that I would like to display but I'm a still a little confused when trying to do this with my own files. In the countykml variable as an example, can the url point directly to a hosted kml file?

I think so. But you have to ensure your web server is set up to serve the KML file correctly.

Hi John, yes, it can point directly to a hosted file. Like Ray said, you have to make sure that whatever webserver you're using is set-up with the correct mime-type for KML. For example, in Apache you'd add the following to your .htaccess file:

AddType application/vnd.google-earth.kml+xml kml

We use IIS and it's equally simple to add the correct mime-type.

You also need to make sure that your server is capable of back and forth communication with Google Maps. On our webstage server we were unable to map anything until we actually NAT'ed it out with a public domain.

Thanks Ray for your help and for posting this!

Very cool.

I've been trying to get cfmap to do "larger custom icons" and had some success... but the cfmap and my javascript LatLng don't match up because CF throws an error when it sees a CENTERLONGITUDE greater than -90.0. WHAT??

Try this bit...

<cfmap width="900" height="800" centerlatitude="34.0000" centerlongitude="-118.0000" zoomlevel="13" name="map" showcentermarker="no">
</cfmap>

That should be the center of Los Angeles California... it's a small town maybe CF hasn't heard about it yet.

Any ideas for the readers.

That's a known bug. I'd use an address for now, not a long/lat pair.

I figured out the Longitude error. CF seems to be using a 360 degree approach.

Simply add the negative Longitude from 360 and you'll get the positive number you need to make CFMap work.

<cfset lng = -118.0000>
<cfif lng lt 0>
<cfset lng = (360 + lng)>
</cfif>

<cfmap width="900" height="800" centerlatitude="34.0000" centerlongitude="#lng#" zoomlevel="8" name="map" showcentermarker="yes">
</cfmap>

Thanks Ray and Rick,
Adding the mime type to my server made it work. Thanks for sharing this!

One other item, if you need to show .gpx files as overlays you can add a mime type for gpx files and they will display as well. This will save me the step of converting my .gpx files to .kml.

Michael- We bumped into that same issue and came up with an identical workaround. Unfortunate, but a small hiccup in an otherwise incredibly easy to use way of incorporating Google Maps.

John - I'm glad that we were able to help out. That's awesome that it works with other overlay types beyond KML. I searched all over for some reference to doing this and never really found anything. Ray pointed me in the right direction of experimenting with using the standard Google Maps API functions. It never even dawned on me that it would be that simple. The only caveat was that I had to declare the setCenter in the javascript. Leaving that out throws a an error in Firebug and prevents it from adding more than one map layer.

I've been trying to add a KML file to my application, and I can't see to get the KML file to draw using cold fusion tags. The kml file is ok, as I get it to draw in other apps.

<script>
//<![CDATA[
function AddKMLOverlay(){

var map = ColdFusion.Map.getMapObject("myMap");
map.setCenter(new google.maps.LatLng(44.212,-122.256), 13);
map.setZoom(13);

var boundKML = new GGeoXml("http://andrewsforest.oregon...");
map.addOverlay(boundKML);
}
function initialize() {
AddKMLOverlay();
}
//]]>
</script>

<table>
<cfoutput>
<h1>#dbcode#</h1>
</cfoutput>
<tr><td>
<cfmap width="680" height="400" centerlatitude="44.212" centerlongitude="-122.256" zoomlevel="9" typecontrol="advanced" name="myMap">
</cfmap>
</td></tr>
</table>
<cfset ajaxOnLoad("initialize")>

any ideas?

Is the URL to your KML file valid?

yes. I can get it to draw on when not using coldfusion tags.

Do you mean if you don't use CFMAP and just use Google maps by itself?

yes. I am trying to generate markers from a database query. I have one sample where I don't use cfmap and I can get the boundary and the markers, but the info windows all point to the same point (first record). I can get the info window to work if I use cfmap, but then I can't get the boundary kml to show. Sorry, my maps are behind firewall right now...
will see if I can get one working outside and post links.

here is one that works for one place and one the boundary

http://andrewsforest.oregon...

can't get it to work on our internet, as it's version 5 or so of CF.. and it doesn't like my tags..

Not sure what to tell you. You said you are on CF5 - CFMAP won't work there for sure. You can definitely do Google Maps via the JS api though.

figured out the problem. The script tag needed to be within the <head> tag for it to work.
Just to clarify, our development site is on version 9 of CF, but our production site (old site) is on version 5. I'll try and post a link when we go live with the new site. Thanks to Aimee Lesieutre for figuring this out for me.

any ideas on why this data won't work? it just pulls up the map but without the overlay.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google Maps KML Overlays</title>

<cfajaximport params="#{googlemapkey='ABQIAAAAyBqdTNCO82gdyPcdR94xEBQLxw0Tb61Zhdk6a1DqnmRS3wNprhS8v8KU4__Dlq7yiLtBm5L1kZJSpQ'}#">

<script>
//<![CDATA[
function AddKMLOverlay() {

var map = ColdFusion.Map.getMapObject("mainMap");
map.setCenter(new google.maps.LatLng(33.710413, -117.951616), 9);
map.setZoom(9);

var NorthOC = new GGeoXml("http://maps.google.com/maps...");
map.addOverlay(NorthOC);

}

function init() {
AddKMLOverlay();
}
//]]>
</script>

</head>

<body>

<table width="100%" height="100%">
<tr>
<td align="center">
<table>

<tr align="left" valign="top">
<td>
<cfmap width="680" height="400" centeraddress="92708" zoomlevel="9" name="mainMap">
</cfmap>
</td>
</tr>

</table>

</td>
</tr>
</table>

</body>
</html>
<cfset ajaxOnLoad("init")>

Not sure. My old demo still seems to work fine.