Can't load google maps via ajax on tab click
When I click the tab, it says loading then refreshes the page with a
blank page trying to access this script, which is all that is in the
source after all this.
<script src="http://maps.gstatic.com/intl/en_us/mapfiles/193c/
maps2.api/main.js" type="text/javascript"></script>
What I should be getting is this. Is there something here that would
cause the tabs to flip out like that?
<style type="text/css">.GM_InfoWindow {font-family:Verdana,Arial;font-
size:12px;color:#000000;}</style>
<script type="text/javascript">
function GM_createMarker
(point,pointname,propHTML,iconname,pointdraggable)
{
var marker = new GMarker(point,
{icon:iconname,draggable:pointdraggable});
var html = propHTML;
/* Show this marker's index in the info window when it is clicked */
GEvent.addListener(marker, "click", function()
{ marker.openInfoWindowHtml(propHTML); });
return marker;
}
function GM_viewProperty(x,y,markerName)
{
/* close the info window if it is open */
map.closeInfoWindow()
/* Standard Zoom and Center */
var mypoint = new GLatLng(y,x);
var mymarker = eval(markerName);
var myhtml = eval(markerName + '_HTML');
map.setCenter(mypoint,12);
mymarker.openInfoWindowHtml(myhtml);
}
function GM_clearMap()
{
map.clearOverlays();
}
</script>
<script src="http://maps.google.com/maps?
file=api&v=2&key=xxxxxxxxxxxxxxxxxxxxxxxx&hl=en" type="text/
javascript"></script>
<div id="content" style="width:500px;">
<script type="text/javascript">
/* Check to see if the browser is compatible */
if(GBrowserIsCompatible())
{
document.write("<a name=CF_GoogleMap></a><div id=CF_GoogleMap4685
style='width:400px;height:300px;'></div>");
}
else
{
document.write("We're sorry but your browser is not compatible with
Google Maps");
}
</script>
</div>
--