google maps api3 -> alles die selben marker obwohl verschiedene in der XML

[godlike]

Joa,

auf dem alten Forum hatte ich schon mal Problem mit der neuen googe maps api geäußert. Mittlerweile bin ich schon viel weiter. Allerdings ist mir heute was seltsames aufgefallen bei dem ich der Meinung bin das dies bis vor Kurzen noch funktioniert hat.

Folgendes Szenario: Webseite mit Google-Maps (v3) Karte. Marker werden aus einer XML-Geladen:

<script type="text/javascript"> 
//<![CDATA[
var cluster = [];
var map = new google.maps.Map(document.getElementById("map"), {
	center: new google.maps.LatLng(<?php echo $land['land_lat'] ?>, <?php echo $land['land_lng'] ?>),
	zoom: <?php echo $land['land_center'] ?>,
	mapTypeId: 'roadmap'
});
var infowindow = new google.maps.InfoWindow;

// marker aus XML holen
downloadUrl("markers.xml", function(doc) {
	var xmlDoc = xmlParse(doc);
	var markers = xmlDoc.documentElement.getElementsByTagName("marker");
	for (var i = 0; i < markers.length; i++) {
		var name = markers[i].getAttribute("name");
		var point = new google.maps.LatLng(
			parseFloat(markers[i].getAttribute("lat")),
			parseFloat(markers[i].getAttribute("lng")));
		var url = markers[i].getAttribute("url");
		var ort = markers[i].getAttribute("ort");
		var plz = markers[i].getAttribute("plz");
		
		var html = "<span>" + ort + "-" + name + "<\/span>" + plz + " - " + url;
		
		var marker = new google.maps.Marker({
			map: map,
			position: point,
			icon: '../gfx/icon.png'
		});
		
		google.maps.event.addListener(marker, 'click', (function(marker, i) {
			return function() {
				infowindow.setContent(html);
				infowindow.open(map, marker);
			}
		}) (marker, i));
		
		cluster.push(marker);
	}
	var mc = new MarkerClusterer(map,cluster);
});
	
	


function bindInfoWindow(marker, map, infoWindow, html) {
	google.maps.event.addListener(marker, 'click', function() {
		infoWindow.setContent(html);
		infoWindow.open(map, marker);
	});
}
function doNothing() {}
//]]>
</script>

Hat jemand eine Idee? Was ist hier falsch? Wieso zeigt er immer nur die selbe Information an (immer den letzten Marker der XML)?

Gruß godlike

 

[dexter]

sagt denn die Fehlerkonsole was dazu?

 

[godlike]

Hey Dexter, die Fehlerconsole sagt dazu leider gar nichts. Sonst hätte ich da wenigstens einen Anhaltspunkt.

Meine Vermutung ist das es etwas mit der for-Schleife zu tun hat. Was ich aber nicht verstehe ist das meiner Meinung nach auch der "Name" IN der for-Schleife ist:

for (var i = 0; i < markers.length; i++) {
	var name = markers[i].getAttribute("head");
	var point = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
	var html = "<div id='marker'>" + name + "</div>";
	var marker = new google.maps.Marker({ map: map,position: point});
	google.maps.event.addListener(marker, 'click', (function(marker, i) {
		return function() {
			infowindow.setContent(html);
			infowindow.open(map, marker);
		}
	})(marker, i));
	cluster.push(marker);
}

Habe hier mal ein Testcase hochgeladen ->

You do not have permission to view link please Anmelden or Registrieren

zur allgemeinen Ansicht. Da wird das Problem deutlich. Die ensprechende XML findet ihr im Quelltext oder hier:

You do not have permission to view link please Anmelden or Registrieren

Hoffe das das Problem jetzt etwas deutlicher wird

Gruß godliek

 

[jbs]

						for ( var i = 0; i < markers.length; i++) {
							var point = new google.maps.LatLng(
									parseFloat(markers[i].getAttribute("lat")),
									parseFloat(markers[i].getAttribute("lng")));

							var marker = new google.maps.Marker({
								map : map,
								position : point
							});

							google.maps.event.addListener(marker, 'click',
								(function(markers, marker, i) {
									return function() {
										var name = markers[i].getAttribute("head");
										var html = "<div id='marker'>" + name + "</div>";
										
										infowindow.setContent(html);
										infowindow.open(map, marker);
									}
								}
							)(markers, marker, i));
							cluster.push(marker);
						}

Der Listener wird erst ausgeführt, wenn man auf das Element klickt, nicht wenn man in der Schleife drin ist. Deshalb nimmt er immer nur das letzte festgelegte Element, in deinem Fall das 4. Element. Wenn du die Ausgabe im Listener festlegst, wird er auch erst dort zusammengebaut.

 

[godlike]

Alter Schwede, da suche ich mich halb dämlich und dann ist es so naheliegend
Danke dir tausend mal, hatte den Code schon so oft umgestellt, das habe ich aber echt übersehen.



Gruß godlike

 

[jbs]

Mach dir nichts draus. Das Problem hatte ich auch schon oft und bin teilweise tagelang dran gesessen
Bin froh wenn ich dir helfen konnte

 

[godlike]

Nunja, ich war irgendwie verwirrt weil var point ja auch "ganz normal" in der for-schleife aufgeführt wird, genau wie var name. Bin fälschlicherweise dann davon ausgegangen das er var name auch durchzählt. Aber jetzt funktioniert es ja