Google Map Markers Visible in IE, but not in Safari or FF The programmers that did the mapping for my site, www.checkoutmytrip.com, have bailed on me.... and I am stuck with this issue.
the maps are viewable in all browsers... but the markers are only visible in IE. Safari, Chrome, FF... none of them can see the markers :( here is the code on the page that is calling up the map markers from my db. I assume it's pulling them from the db... into an xml file... then placing them on the map. I just can't figure out why ONLY IE can handle the marker code. Can anyone help? <script src="http://maps.google.com/maps? file=api&v=2&key=ABQIAAAAE1zonWXBhEUrczzzPpoTsRRFKnR5Hs7sgDFu81NusHvGxCTiixRss3YhELTLUi2LdJXJlS5R_DUZKw" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(37.4419, -122.1419), 13); } } //]]> </script> <script language="JavaScript" type="text/JavaScript"> var xmlDoc; var map; var baseIcon = new GIcon(); baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png"; baseIcon.iconSize = new GSize(20, 34); baseIcon.shadowSize = new GSize(37, 34); baseIcon.iconAnchor = new GPoint(9, 34); baseIcon.infoWindowAnchor = new GPoint(9, 2); baseIcon.infoShadowAnchor = new GPoint(18, 25); function initialize() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map_canvas")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(0,20),1); loadXML(); } } function loadXML() { // code for IE if (window.ActiveXObject) { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async=false; xmlDoc.load("locations_all.xml"); var x=xmlDoc.documentElement; f1(); } else if (document.implementation && document.implementation.createDocument) { xmlDoc=document.implementation.createDocument("","",null); xmlDoc.load("note.xml"); xmlDoc.onload=getmessage; } else { alert('Your browser cannot handle this script'); } } function f1() { var locations = xmlDoc.documentElement.getElementsByTagName ("location"); var i; var names = xmlDoc.getElementsByTagName("name"); var lngs = xmlDoc.getElementsByTagName("lng"); var lats = xmlDoc.getElementsByTagName("lat"); var Locationnames = xmlDoc.getElementsByTagName("Locationname"); var htmls = xmlDoc.getElementsByTagName("url"); var Caption= xmlDoc.getElementsByTagName("Caption"); for (i=0;i<locations.length;i=i+1) { var name=names[i].firstChild.nodeValue; var lat=parseFloat(lats[i].firstChild.nodeValue); var lng=parseFloat(lngs[i].firstChild.nodeValue); var html=htmls[i].firstChild.nodeValue; var Captions=Caption[i].firstChild.nodeValue; var Locationname=Locationnames[i].firstChild.nodeValue; var end=html.indexOf("aspx"); end=end+4; var html1=html.slice(0,end); html1=html1+"?lat="+lat+"&lng="+lng+"&name="+name; html1=html1; var html2=html.slice(end,html.length); html=html1+html2; var links = "<a href=" + html + ">"+ Locationname + "</a>" + "<br>" + Captions var point = new GLatLng(lat, lng); map.addOverlay(createMarker(point, i, links)); } } function createMarker(point, index, html) { var letter = String.fromCharCode("A".charCodeAt(0) + index); var letteredIcon = new GIcon(baseIcon); var marker = new GMarker(point); GEvent.addListener(marker, "mouseover", function() { marker.openInfoWindowHtml(html); }); return marker; } </script> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Maps API" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/Google-Maps-API?hl=en -~----------~----~----~----~------~----~------~--~---
