api v3 - InfoWindow sur des polygon et circle

Version imprimable

Bonjour,

J'arrive au bout de monde code et voilà que je bute sur un truc qui doit être tout bête. Je charge un ensemble de polygon et circle depuis une chaîne json et je les affiches sur la carte. Jusque là pas de souci particulier. Maintenant je souhaites ajouter des infowindow pour chaque élément. Et là ça coince. Les infowindow ne s'affichent pas, et je n'ai aucune erreur qui remonte.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
var infowindow = new google.maps.InfoWindow;
function loadZone() {
	if(typeof(json_string) !== 'undefined') {
		shapes = new google.maps.MVCArray;
		var shapesOptions = {
			fillColor: '#0000FF',
			strokeWeight: 1,
			clickable: true,
			zIndex: 1,
			editable: false,
			map: map
		};
		var json_data_object = eval("(" + json_string + ")");
		for(var i in json_data_object) {
			zone = json_data_object[i];
			if(zone.id == document.getElementById("siteid").value) continue;
			if(zone.show == '0') continue;
			if(zone.type == "circle") {
				var shapeCircle = new google.maps.Circle({
					center: new google.maps.LatLng(zone.data.lat, zone.data.lng),
					radius: parseFloat(zone.data.rad),
					options: shapesOptions
				});
				google.maps.event.addListener(shapeCircle, 'click', function() {
					alert(shapeCircle.center);
					infowindow.setContent(zone.name);
					infowindow.open(map,shapeCircle);
				});
				shapes.push(shapeCircle);
			}
			if(zone.type == "polygon") {
				var path = new google.maps.MVCArray;
				for(var j in zone.data) {
					path.insertAt(j, new google.maps.LatLng(zone.data[j].lat, zone.data[j].lng));
				}
				var shapePolygon = new google.maps.Polygon({
					path: path,
					options: shapesOptions
					});
				shapes.push(shapePolygon);
			}
		}
	}
}

Mon alert(shapeCircle.center); s'affiche bien, mais pas de infowindow.

Ah enfin, j'ai fini par m'en sortir. Je sais toujours pas pourquoi ma méthode ne fonctionnait pas, mais en tout cas pour ceux que ça pourrait intéresser, voici la solution que j'ai trouvée: passer par une fonction pour l'event.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
var infowindow = new google.maps.InfoWindow();
function loadZone() {
	if(typeof(json_string) !== 'undefined') {
		shapes = new google.maps.MVCArray;
		var shapesOptions = {
			fillColor: '#0000FF',
			strokeWeight: 1,
			clickable: true,
			zIndex: 1,
			editable: false
		};
		var json_data_object = eval("(" + json_string + ")");
		for(var i in json_data_object) {
			var zone = json_data_object[i];
			if(zone.id == document.getElementById("siteid").value) continue;
			if(zone.show == '0') continue;
			if(zone.type == "circle") {
				var shapeCircle = new google.maps.Circle({
					center: new google.maps.LatLng(zone.data.lat, zone.data.lng),
					radius: parseFloat(zone.data.rad),
					options: shapesOptions
				});
				shapes.push(shapeCircle);
				addInfowindowToShape(shapeCircle, zone);
				shapeCircle.setMap(map);
			}
			if(zone.type == "polygon") {
				var path = new google.maps.MVCArray;
				for(var j in zone.data) {
					path.insertAt(j, new google.maps.LatLng(zone.data[j].lat, zone.data[j].lng));
				}
				var shapePolygon = new google.maps.Polygon({
					path: path,
					options: shapesOptions
					});
				shapes.push(shapePolygon);
				addInfowindowToShape(shapePolygon, zone);
				shapePolygon.setMap(map);
			}
		}
	}
}
 
function addInfowindowToShape(theShape, zoneData) {
	google.maps.event.addListener(shapes.getAt(shapes.getLength() - 1), 'click', function(event) {
		infowindow.setPosition(event.latLng);
		infowindow.setContent('<h3>' + zoneData.name + '</h3><small>' + zoneData.desc + '</small>' );
		infowindow.open(map);
		});
}

13/05/2012, 16h54
NoSmoking

Bonjour,
cela ressemble à Pourquoi l'InfoWindow n'affiche rien quand je clique sur le marker ?
14/05/2012, 08h33
spin0us
Je suis pas expert en fonctionnement exacte de la boucle for, mais si

Code:

for(var i in json_data_object)

et
Code:

1 2 nb = json_data_object.length for( i = 0; i < nb; i++)
sont équivalent en sortie de boucle (à savoir que i sera égale à la taille de json_data_object), alors oui en effet le problème était le même. Et dans ce cas désolé d'avoir ouvert ce sujet pour rien :ave: