hallo,
Ik heb onderstaande google map gemaakt, maar de tekstballonnen zijn niet aanwezig. Hiervoor zou ik volgens een website, die geen support levert, het script daaronder in moeten voegen. maar dan wordt mijn map blanco. Eindeloos geprobeerd, niets lukt.:evil: Mijn xml map heet: data.xml, en dat is het enige afwijkende. Please kan iemand mij helpen?
En dan zou ik dit in moeten voegen::shocked:
Ik heb onderstaande google map gemaakt, maar de tekstballonnen zijn niet aanwezig. Hiervoor zou ik volgens een website, die geen support levert, het script daaronder in moeten voegen. maar dan wordt mijn map blanco. Eindeloos geprobeerd, niets lukt.:evil: Mijn xml map heet: data.xml, en dat is het enige afwijkende. Please kan iemand mij helpen?
HTML:
<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAANAncwO_HS3-25jJCcgmUKBSR4qcADqsxsGewILSOE-tlD6s4eBShK1dd1JluwUriDMdOz42lOHHrjQ"
" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.addControl(new GSmallMapControl());
GDownloadUrl("data.xml", function(data, responseCode) {
var xml = GXml.parse(data);
var markers = xml.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 marker = new GMarker(point);
map.addOverlay(marker);
}
map.setCenter(point, 8);
});
}
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 1500px; height: 800px"></div>
</body>
</html>
<?xml version="1.0" encoding="utf-8"?>
<markers>
<marker lat="52.375066" lng="4.883756" html="Anne Frank Huis"/>
<marker lat="52.375300" lng="4.896059" html="Beurs van Berlage"/>
</markers>En dan zou ik dit in moeten voegen::shocked:
HTML:
/**
* @author Theo Bakker, WHELP.nl
*/
//load Google Map
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GMapTypeControl());
//create randomnumber and retrieve xml file
var randomnumber=Math.floor(Math.random()*11111)
GDownloadUrl("xml/17/data.xml?random="+randomnumber, function(data, responseCode) {
var xml = GXml.parse(data);
//store markers in markers array
var markers = xml.documentElement.getElementsByTagName("marker");
//loop over the markers array
for (var i = 0; i < markers.length; i++) {
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat,lng);
var html = markers[i].getAttribute("html");
map.addControl(new GMapTypeControl());
map.setCenter(point, 14);
var marker = createMarker(point,html);
map.addOverlay(marker);
} //close for loop
}
); //close GDownloadUrl
} //close GBrowserIsCompatible
} //close load
//Create marker and set up event window
function createMarker(point,html){
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
Laatst bewerkt door een moderator:
