effectuer une boucle

**ledisciple** · 15/05/2012, 12h56

Bonjour

le but du jeu de ce code est de pouvoir récupérer les coordonnées maps de différentes adresses, afin de les intégrer dans une base de données.

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
var geocoder = new google.maps.Geocoder(); //Fonction de géocodage
 
					//Lieu est le tableau issu de la requête
				   for (Val in Lieu){
 
						   /* Appel au service de geocodage avec l'adresse en paramètre */
						   geocoder.geocode( { 'address': Lieu[Val]}, function(results, status) {
							/* Si l'adresse a pu être géolocalisée */
							if (status == google.maps.GeocoderStatus.OK) {
							 /* Récupération de sa latitude et de sa longitude */
							latitude = results[0].geometry.location.lat();
							longitude = results[0].geometry.location.lng();
 
							document.getElementById('bidouille').innerHTML +="L'addresse "+Lieu[Val] +" peut avoir ces coordonnées " +latitude+ " "+ longitude+" <a href='http://maps.google.fr/maps?q=" +latitude+ "+"+ longitude+"&spn=0.010626,0.022724&sll=46.75984,1.738281&sspn=10.794142,23.269043&t=h&z=16' target='_blank'>Voir</a><br />";
							 } else {
							  alert("Le geocodage n\'a pu etre effectue pour la raison suivante: " + status);
							 }
							});
 
				}

cela me donne

L'addresse 17 BD CHARGELEGUE 79340 VASLES peut avoir ces coordonnées 46.3186931 -0.48921280000001843 Voir
L'addresse 17 BD CHARGELEGUE 79340 VASLES peut avoir ces coordonnées 46.575572 -0.02518899999995483 Voir

comme vous pouvez le constater il affiche deux fois la même adresse (la dernière de la requête), mais en revanche, les coordonnées changent bien.

Où ais-je fait une erreur?

Merci pour votre réponse

**NoSmoking** · 21/05/2012, 20h25

Bonjour,
ton problème est similaire à celui expliqué dans la

Pourquoi l'InfoWindow n'affiche rien quand je clique sur le marker ?.
La seule différence est que tu utilises une boucle for..in ce qui fait que cela ne plante pas

**ledisciple** · 22/05/2012, 11h45

j'ai le même problème avec ce code :

Lorsque je mets

Code :

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

infowindow.setContent( "gg")

il m'affiche bien gg dans mon info-bulle. Mais lorsque

Code :

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

infowindow.setContent( Lieu[this.numero])

il m'affiche l'erreur dans le code ci-contre

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
for(var i = 0; i < Lieu.length; i++){
 
			//on affiche le marqueur
			var marqueur = new google.maps.Marker({
			'numero' : i,
			position: new google.maps.LatLng(Lieu[i]["longitude"], Lieu[i]["lattitude"]),
			map: carte,
			});
 
		//Info bulle
		google.maps.event.addListener(marqueur, 'click', function() {
		// affectation du contenu en utilisant this.numero
		infowindow.setContent( Lieu[this.numero]); //Erreur: Valeur incorrecte pour la propriété <content>*: 
Fichier Source*: http://maps.gstatic.com/intl/fr_ALL/mapfiles/api-3/9/0/main.js
Ligne*: 27
		// affichage InfoWindow
		infowindow.open( this.getMap(), this);
		carte.setZoom(15);
		});
 
		//effectue un zoom 9 à la fermeture de l'info-bulle
		google.maps.event.addListener(infowindow,'closeclick',function(){
		carte.setZoom(9);
		});
 
	}

Qu'ai-je fait de mal?

**NoSmoking** · 22/05/2012, 22h38

- vérifies ce qu'il y a dans Lieu[this.numero]
- comment est ton tableau Lieu?

**ledisciple** · 23/05/2012, 11h57

Envoyé par NoSmoking

- vérifies ce qu'il y a dans Lieu[this.numero]

Code :

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

alert (Lieu[this.numero]);

me donne en boucle

undefined

Envoyé par NoSmoking

- comment est ton tableau Lieu?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">Lieu = new Array();
	Lieu[0] = new Array();
	Lieu[0]['longitude'] = 46.571961;
	Lieu[0]['lattitude'] = -0.024054;
	Lieu[0]['endroit'] = '17 BD CHARGELEGUE 79340 VASLES';
 
	Lieu[1] = new Array();
	Lieu[1]['longitude'] = 46.313124;
	Lieu[1]['lattitude'] = -0.54112;
	Lieu[1]['endroit'] = '269 AV DU MARAIS POITEVIN 79460 MAGNE';
...
</script>

J'ai bien ça aussi, mais ça me donne toujours le même "endroit" dans chaque info-bulle, soit le dernier de mon tableau Lieu

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
for(var i = 0; i < Lieu.length; i++){
			//on affiche le marqueur
			var marqueur = new google.maps.Marker({
			position: new google.maps.LatLng(Lieu[i]["longitude"], Lieu[i]["lattitude"]),
			map: carte,
			});
			//Info bulle			//http://www.developpez.net/forums/d927410/webmasters-developpement-web/javascript/bibliotheques-frameworks/apis-google/google-maps-api-v3-infowindow/
			//https://developers.google.com/maps/documentation/javascript/reference?hl=el-GR#InfoWindow
			//effectue un zoom sur la carte à l'ouverture de l'info-bulle
 
		var texte = Lieu[i]["endroit"];
		//Info bulle
		var infowindow = new google.maps.InfoWindow({
		});
		//Info bulle
		google.maps.event.addListener(marqueur, 'click', function() {
		infowindow.setContent(texte);
		// affichage InfoWindow
		infowindow.open( carte, this);
		carte.setZoom(15);
		});
 
		//effectue un zoom 9 à la fermeture de l'info-bulle
		google.maps.event.addListener(infowindow,'closeclick',function(){
		carte.setZoom(9);
		});
 
	}

**NoSmoking** · 23/05/2012, 18h45

post #3
vu la structure de ton tableau il n'est pas surprenant que cela te retourne une erreur, le paramètre attendu par setContent est une String, alors que tu lui passes un Array

Code :

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

infowindow.setContent( Lieu[this.numero])

dans ce cas il fallait mettre

Code :

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

infowindow.setContent( Lieu[this.numero]['endroit']);

post #5
le fait de mettre, Lieu[i]["endroit"], dans une variable,var texte = Lieu[i]["endroit"], reviens au même que ce que tu faisais au début, tu reviens pile-poil dans l'exemple donné dans la faq.

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
for (var i = 0; i < Lieu.length; i++) {
  //on affiche le marqueur
  var marqueur = new google.maps.Marker({
    'indice': i, 
    'position': new google.maps.LatLng(Lieu[i]['longitude'], Lieu[i]['lattitude']),
    'map': carte,
  });
  var infowindow = new google.maps.InfoWindow();
  //Info bulle
  google.maps.event.addListener(marqueur, 'click', function () {
    infowindow.setContent( Lieu[this.indice]['endroit']);
    infowindow.open(this.getMap(), this);
    this.getMap().setZoom(15);
  });
}

**ledisciple** · 24/05/2012, 09h32

Envoyé par NoSmoking

post #3
vu la structure de ton tableau il n'est pas surprenant que cela te retourne une erreur, le paramètre attendu par setContent est une String, alors que tu lui passes un Array

Code :

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

infowindow.setContent( Lieu[this.numero])

dans ce cas il fallait mettre

Code :

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

infowindow.setContent( Lieu[this.numero]['endroit']);

oui, là, j'avoue que je n'ai pas assez réfléchi ...

désolé

par contre je ne connais pas du tout "this"
J'ai trouvé ceci : http://t-templier.developpez.com/tut...ipt-poo1/#L2.3

Ca te parait être un bon tuto pour apprendre?

**ledisciple** · 24/05/2012, 14h46

mais je n'y arrive toujours pas pour ...

Envoyé par ledisciple

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
var geocoder = new google.maps.Geocoder(); //Fonction de géocodage
 
					//Lieu est le tableau issu de la requête
				   for (Val in Lieu){
 
						   /* Appel au service de geocodage avec l'adresse en paramètre */
						   geocoder.geocode( { 'address': Lieu[Val]}, function(results, status) {
							/* Si l'adresse a pu être géolocalisée */
							if (status == google.maps.GeocoderStatus.OK) {
							 /* Récupération de sa latitude et de sa longitude */
							latitude = results[0].geometry.location.lat();
							longitude = results[0].geometry.location.lng();
 
							document.getElementById('bidouille').innerHTML +="L'addresse "+Lieu[Val] +" peut avoir ces coordonnées " +latitude+ " "+ longitude+" <a href='http://maps.google.fr/maps?q=" +latitude+ "+"+ longitude+"&spn=0.010626,0.022724&sll=46.75984,1.738281&sspn=10.794142,23.269043&t=h&z=16' target='_blank'>Voir</a><br />";
							 } else {
							  alert("Le geocodage n\'a pu etre effectue pour la raison suivante: " + status);
							 }
							});
 
				}

**NoSmoking** · 25/05/2012, 09h34

[J'ai trouvé ceci : http://t-templier.developpez.com/tut...ipt-poo1/#L2.3

Ca te parait être un bon tuto pour apprendre?

tout à fait.

Code :

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

geocoder.geocode( { 'address': Lieu[Val]}, function(results, status)

tu as déjà oublié qu'il te faut passer une String à address

Code :

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

geocoder.geocode({'address': Lieu[Val]['endroit']}, function (results, status)

remets un peu d'ordre dans tes codes...

au passage, j'ai oublié de te signaler que tes longitudes sont des latitudes et inversement

http://fr.wikipedia.org/wiki/Coordon...%A9ographiques

effectuer une boucle [Google Maps]

APIs Google

Discussions similaires

Partager

Partager