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 :

Google Maps API V3 et infowindow [Google Maps]


Sujet :

APIs Google

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 1
    Par défaut Google Maps API V3 et infowindow
    Bonjour,

    Je sollicite un peu d'aide pour un problème dont la solution m'échappe.
    C'est un problème classique mais je n'ai pas trouvé de ressources (via google et une recherche sur ces forums) pour le corriger.
    En testant un peu l'API Google Maps V3, j'ai fais une boucle sur le placement de marqueur et d'infobulle mais évidemment, c'est le dernier infobulle définit qui s'ouvre (je m'y attendais). Je suis dérouté par la méthode pour ajouter un écouteur sur le clic qui m'empêche (pour le peu de connaissance que j'ai en JS) de faire référence aux éléments que je souhaite.
    Ci-joint une portion du 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
     
    for (var ii = 0; ii < json[i].cities.length; ii++)
    {
    	var contentString = json[i].cities[ii].city;
     
    	var infowindow = new google.maps.InfoWindow({
    		content: contentString
    	});
     
    	var marker = new google.maps.Marker({
    		position: new google.maps.LatLng(json[i].cities[ii].lat, json[i].cities[ii].lng),
    		map: map,
    		title: json[i].cities[ii].city
    	});
     
    	google.maps.event.addListener(marker, 'click', function() {
     
    		infowindow.open(map, marker);
    	});
    }
    Si une bonne âme veut bien m'indiquer la marche à suivre pour résoudre ce type de problème, je lui en serai fort gré.

    En vous remerciant pour votre attention.

    ps: veuillez m'excuser si ce message est mal situé.

  2. #2
    Invité de passage
    Inscrit en
    Juin 2010
    Messages
    1
    Détails du profil
    Informations forums :
    Inscription : Juin 2010
    Messages : 1
    Par défaut
    Salut, c'est peut être un peu tard pour réponde mais on ne sait jamais ...

    A la place de :
    infowindow.open(map, marker);
    essaye "infowindow.open(map, this);"

    je pense que ça réglera ton problème

  3. #3
    Invité de passage
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 1
    Par défaut Test du correctif Google Maps API V3 et infowindow
    Bonjour,

    Comme il n'y a pas eu de réponse apportée au dernier post et que je viens de le tester, je tiens à dire que ça marche nickel !


    C'était bête mais on visiblement nombreux à s'être cassé les dents dessus.

    Merci Mickland88

  4. #4
    Futur Membre du Club
    Inscrit en
    Août 2010
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Août 2010
    Messages : 5
    Par défaut
    Bonjour,

    J'ai exactement le meme probleme et c'est toujours pareil meme avec this

    Ci dessous mon bout de 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
    27
    28
    29
     
     <?php
            //Connection a la base de donnée
    	connexionBDD();
            $sql = "SELECT * FROM geolocalisation";
            $req = mysql_query($sql) or die ("Erreur SQL!!");
     
     
     
    		while($data = mysql_fetch_assoc($req))
                    {
                            // ici la clé primaire s'appelle "geo_id"
    			echo 'var marker = new google.maps.Marker({
    				position: new google.maps.LatLng('.$data['geo_lat'].','.$data['geo_long'].'), 
    				map: myMap,
                                    title: \''.$data['geo_titre'].'\'
    			});
                            var contentString = \''.$data['geo_adresse'].'\'
    			var infowindow = new google.maps.InfoWindow({content : contentString });
     
    			google.maps.event.addListener(marker, \'click\', function() {
    				infowindow.open(myMap,this);
     
     
     
     
    			});';	
    		}
            ?>
    Au final , j'ai bien les marqueurs qui s'affichent mais dans les infobulles j'ai toujours la derniere adresse ajouté sur la BDD.

  5. #5
    Invité de passage
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 1
    Par défaut
    @bizhon

    bonjour, le problème dans ton code c'est que à chaque passage dans la boucle tu régénères et écrases la variable" infowindow". Tu dois avoir un objet infowindow pour chaque marker.

    Personnellement j'utilise un tableau d'infowindow

  6. #6
    Futur Membre du Club
    Inscrit en
    Août 2010
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Août 2010
    Messages : 5
    Par défaut
    OK daccord , j'ai compris le probleme par contre j'ai un peu de mal à le résoudre :/ ! Pourrais tu me donner un indice ou meme la marche a suivre ! Jsuis pas un expert en php :/ !

    je suppose qu'il faut au depart :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var infowindow = new Array();
    Mais bon la jsuis un peu perdu ! Merci d'avance

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

Discussions similaires

  1. [Google Maps] API v3 - InfoWindow non affiché et Maps à regénérer
    Par ejazz75 dans le forum APIs Google
    Réponses: 1
    Dernier message: 17/08/2012, 15h59
  2. [Google Maps] Infowindow et google map API V3
    Par l'coy dans le forum APIs Google
    Réponses: 1
    Dernier message: 28/03/2011, 18h09
  3. [Google Maps] Api V3 - charger infowindow dynamiquement avec ajax
    Par pelloq1 dans le forum APIs Google
    Réponses: 0
    Dernier message: 18/08/2010, 11h08
  4. Google Map API --> Javascript et code behind C#
    Par bridel dans le forum ASP.NET
    Réponses: 2
    Dernier message: 22/01/2007, 21h07
  5. google map api
    Par raphs43 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 27/12/2006, 20h28

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