Discussion :

[spin0us]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[spin0us]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
		});
}

[NoSmoking]

Bonjour,
cela ressemble à Pourquoi l'InfoWindow n'affiche rien quand je clique sur le marker ?

[spin0us]

Je suis pas expert en fonctionnement exacte de la boucle for, mais si

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

for(var i in json_data_object)

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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