japiepatat
Gebruiker
- Lid geworden
- 4 jul 2007
- Berichten
- 54
Ik heb een google maps script gebruikt die google als voorbeeld geeft. Alleen een aantal onderdelen aangepast, zodat de informatie in de markers anders is.
In firefox werkt het prima, de kaart verschijnt en de markers worden erop geplaatst.
In IE zie je alleen de kaart en blijven de markers achterwege.
RARA hoe kan dat?
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Interimbureau's op de kaart</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAdAmVvzALJZIsAubRPeJdXBRKmbqU0HiOZ3tsf-Z9I-zFAMCabhScYLvQUA50gO9Nn_bmtvzjLmydZA"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(51.800000, 5.500000), 8);
GDownloadUrl("markers.xml", function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var naam = markers.getAttribute("Naam");
var adres = markers.getAttribute("Adres");
var postcode = markers.getAttribute("Postcode");
var woonplaats = markers.getAttribute("Woonplaats");
var email = markers.getAttribute("Email");
var contactpersoon = markers.getAttribute("Contactpersoon");
var telefoon = markers.getAttribute("Telefoon");
var website = markers.getAttribute("Website");
var point = new GLatLng(parseFloat(markers.getAttribute("Latitude")),
parseFloat(markers.getAttribute("Longitude")));
var marker = createMarker(point, naam, adres, postcode, woonplaats, email, contactpersoon, telefoon, website);
map.addOverlay(marker);
}
});
}
}
function createMarker(point, naam, adres, postcode, woonplaats, email, contactpersoon, telefoon, website) {
var marker = new GMarker(point);
var html = "<b>" + naam + "</b> <br/>" + adres + "<br/>" + postcode + " " + woonplaats + "<br/>" + contactpersoon + "<br/>" + telefoon + "<br/>" + email + "<br/>" + website;
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 1200px; height: 1000px"></div>
</body>
</html>
In firefox werkt het prima, de kaart verschijnt en de markers worden erop geplaatst.
In IE zie je alleen de kaart en blijven de markers achterwege.
RARA hoe kan dat?
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Interimbureau's op de kaart</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAdAmVvzALJZIsAubRPeJdXBRKmbqU0HiOZ3tsf-Z9I-zFAMCabhScYLvQUA50gO9Nn_bmtvzjLmydZA"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(51.800000, 5.500000), 8);
GDownloadUrl("markers.xml", function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var naam = markers.getAttribute("Naam");
var adres = markers.getAttribute("Adres");
var postcode = markers.getAttribute("Postcode");
var woonplaats = markers.getAttribute("Woonplaats");
var email = markers.getAttribute("Email");
var contactpersoon = markers.getAttribute("Contactpersoon");
var telefoon = markers.getAttribute("Telefoon");
var website = markers.getAttribute("Website");
var point = new GLatLng(parseFloat(markers.getAttribute("Latitude")),
parseFloat(markers.getAttribute("Longitude")));
var marker = createMarker(point, naam, adres, postcode, woonplaats, email, contactpersoon, telefoon, website);
map.addOverlay(marker);
}
});
}
}
function createMarker(point, naam, adres, postcode, woonplaats, email, contactpersoon, telefoon, website) {
var marker = new GMarker(point);
var html = "<b>" + naam + "</b> <br/>" + adres + "<br/>" + postcode + " " + woonplaats + "<br/>" + contactpersoon + "<br/>" + telefoon + "<br/>" + email + "<br/>" + website;
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 1200px; height: 1000px"></div>
</body>
</html>