var xmlfile = "/wandelwijzer/xml/xml.php"; zoomlevel = 0; function onLoad() { if(document.implementation.hasFeature( "http://www.w3.org/TR/SVG11/feature#SVG","1.1")){ _mSvgEnabled = true; _mSvgForced = true; } // Center the map var map = new GMap2(document.getElementById("map")); map.setUIToDefault(); map.setCenter(new GLatLng(,), 8); zoomlevel = 1; var icon = new GIcon(); icon.image = "http://wandelwijzer.nl/images/icoon.png"; icon.shadow = "http://wandelwijzer.nl/images/schaduw.png"; icon.iconSize = new GSize(25, 38); icon.shadowSize = new GSize(44, 38); icon.iconAnchor = new GPoint(6, 38); icon.infoWindowAnchor = new GPoint(5, 1); function createMarker(point,text) { var marker = new GMarker(point,icon); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(text); if (zoomlevel == 1) { map.setCenter(point, 13); } }); return marker; } var request = GXmlHttp.create(); request.open("GET", xmlfile, true); request.onreadystatechange = function() { if (request.readyState == 4) { var xmlDoc = request.responseXML; // get points for markers var markers = xmlDoc.documentElement.getElementsByTagName("marker"); for (var i = 0; i < markers.length; i++) { var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng"))); var tag = markers[i].getAttribute("text") var marker = createMarker(point, tag); map.addOverlay(marker); } } } request.send(null); }