IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

APIs Google Discussion :

Création d'infowindow dynamique [Google Maps]


Sujet :

APIs Google

  1. #1
    Expert confirmé
    Avatar de pc75
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    3 662
    Détails du profil
    Informations personnelles :
    Âge : 69
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Septembre 2004
    Messages : 3 662
    Points : 4 047
    Points
    4 047
    Par défaut Création d'infowindow dynamique
    Bonjour,

    J'affiche dans des adresses dans des champs cachés :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <input type="hidden" name="nbadresses" id="nbadresses" value="2">
     
    <div id="map-canvas"></div>
     
    		<input type="hidden" id="adresse1" value="2, rue de Rivoli<br>75004 PARIS">
     
    		<input type="hidden" id="adresse2" value="7, boulevard Magenta<br>75010 PARIS">
    Voila le code qui permet d'afficher les marqueurs sur la carte :
    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
     
    function TrouverAdresse() {
    	var nbadresses = document.getElementById('nbadresses').value;
    	for (var i = 1; i <= nbadresses; i++)
    		{
    		// Récupération des adresses du formulaire
    		var adresse = eval("document.getElementById('adresse" + i + "').value");
    		geocoder = new google.maps.Geocoder();
    		geocoder.geocode( { 'address': adresse}, function(results, status) {
    		if (status == google.maps.GeocoderStatus.OK) {
     
    		  // Création du marqueur du lieu (épingle)
    		  var marker = new google.maps.Marker({
    		      map: map,
    		      position: results[0].geometry.location,
    			  title: 'Ouvrir'
    		    });
    		  } else {
    		    alert('Adresse introuvable: ' + status);
    		  }
     
    		  var infowindow = new google.maps.InfoWindow({
    		      content: adresse
    		  });
     
    			infowindow.open(map,marker);
    //		  google.maps.event.addListener(marker, 'click', function() {
    //		  infowindow.open(map,marker);
    //		  });
     
     
    		});
    		}
     
    }
    Ce code m'affiche bien les "épingles", mais le texte de toutes les infowindow est alimenté avec la dernière adresse.

    Quelqu'un pour me dire où je fais l'erreur ?

    Merci.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 075
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 075
    Points : 44 679
    Points
    44 679
    Par défaut
    Bonjour,
    mais le texte de toutes les infowindow est alimenté avec la dernière adresse.
    c'est dans la Pourquoi l'InfoWindow n'affiche pas le bon contenu ?

  3. #3
    Expert confirmé
    Avatar de pc75
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    3 662
    Détails du profil
    Informations personnelles :
    Âge : 69
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Septembre 2004
    Messages : 3 662
    Points : 4 047
    Points
    4 047
    Par défaut
    Bonjour,

    Merci pour la FAQ.

    J'y vais pas à pas.
    J'essaie de commencer par créer mon tableau de marqueurs, mais je n'arrive pas à obtenir ce que je veux.
    Mon code :
    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
     
    function TrouverAdresse()
    {
    	var nbadresses = document.getElementById('nbadresses').value;
     
    	// Création du tableau des adresses
    	for (var i = 1; i <= nbadresses; i++)
    		{
    		var adresse = eval("document.getElementById('adresse" + i + "').value");
    		geocoder = new google.maps.Geocoder();
    		geocoder.geocode( { 'address': adresse}, function(results, status)
    			{
    			if (status == google.maps.GeocoderStatus.OK)
    				{
    				var strposition = results[0].geometry.location+"";
    				//Supprimer les parenthèses
    				strposition = strposition.replace('(', '');
    				strposition = strposition.replace(')', '');
    				//Mettre en tableau les lat et lon
    				strposition = strposition.split(',');
    alert(adresse);
    //				alert("{'lat' :" + strposition[0] + ", 'lon' :" + strposition[1] + ", 'title' :'Ouvrir', 'info' :'" + adresse + "'},");
    				}
    			});
    		}
    }
    La fonction alert affiche toujours la dernière valeur de mes adresses.
    Au premier passage dans la boucle, ça devrait m'afficher la première adresse, non ?
    Autre truc que je ne comprends pas, si, à la place du alert(adresse);, je mets alert(i);, pour mes deux adresses, il affiche 3.

    Une idée ?

    Merci.

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 075
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 075
    Points : 44 679
    Points
    44 679
    Par défaut
    Merci pour la FAQ.
    as tu au moins pris la peine de la lire ? permets moi d'en douter !

    Citation Envoyé par ta question
    La fonction alert affiche toujours la dernière valeur de mes adresses.
    Citation Envoyé par la FAQ
    Problème :
    Lorsque je crée plusieurs markers dans une boucle avec une seule InfoWindow, j'obtiens toujours l'affichage du même contenu quand je clique sur le marker.
    ...
    Explication :
    Au moment de l'exécution de la fonction, c'est la dernière InfoWindow intialisée qui est prise en compte et donc affichée, c'est celle contenant tMarker[3].info.
    ...
    Solution :
    Voir les solutions proposées à la question Pourquoi l'InfoWindow n'affiche rien quand je clique sur le marker ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [PowerBuilder] Création d'objets dynamiques
    Par Béné123456789 dans le forum Powerbuilder
    Réponses: 3
    Dernier message: 12/06/2006, 00h33
  2. Réponses: 5
    Dernier message: 13/11/2005, 19h10
  3. Introspection et création de code dynamiquement ?
    Par elitost dans le forum API standards et tierces
    Réponses: 10
    Dernier message: 17/10/2005, 22h43
  4. Problème avec création de fenêtre dynamique
    Par FredericB dans le forum C++Builder
    Réponses: 3
    Dernier message: 29/09/2005, 17h21
  5. [FLASH MX2004] Création d'objet dynamiquement
    Par noarno dans le forum Flash
    Réponses: 3
    Dernier message: 15/12/2004, 11h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo