Google Map ColdFusion Custom Tag/title> </head> <body onLoad="load()" onUnload="GUnload()" topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> <h1>Google Map ColdFusion Custom Tag Sample</h1> <div align="left" id="map" style="width: 100%; height: 450px;"> </div> <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAtqxywAd6rX2BQolbNUaRYhTFaBbBUzbuKTmoQjcf3Oa47ETqYxT-kDWoDynZwcsmrSSfpQ-d8uAv8A" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var map = new GMap2(document.getElementById("map")); function load() { if (GBrowserIsCompatible()) { map.enableContinuousZoom(); map.enableDoubleClickZoom(); map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(39.080604,-96.677068), 4); map.addControl(new GOverviewMapControl(new GSize(150, 150))); var omap=document.getElementById("map_overview"); var mapdiv =document.getElementById("map"); omap.style.position = "relative"; omap.style.right = "0px"; omap.style.bottom = "8px"; mapdiv.appendChild(omap); var point = new GPoint(-74.5636,39.066); var marker777= new GMarker(point); var infoTabs777 = [ new GInfoWindowTab("First Tab", "This is the fist tabs content from a custom tag attriute."), new GInfoWindowTab("Second Tab", "This is the second tabs content from a custom tag attriute.") ]; GEvent.addListener(marker777, "click", function() { marker777.openInfoWindowTabsHtml(infoTabs777); }); map.addOverlay(marker777); } } //]]> </script> Save the custom tag code below as googlemap.cfm and include it on your page where you want a map to appear. Include onLoad and onUnload.attributes in your body tag: <hr /> <iframe src="googlemap.txt" height="480" width="770" align="middle"></iframe> </body> </html>