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 :

GoogleMap api v3 - InfoWindow ne fonctionne pas


Sujet :

APIs Google

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    26
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 26
    Points : 26
    Points
    26
    Par défaut GoogleMap api v3 - InfoWindow ne fonctionne pas
    Je viens de passer a la version 3 du google map api, et j'ai tout essayer pour faire un infowindow (une bulle lorsque que l'on click sur un marqeur)... Voici ou j'en suis rendu et dit moi si vous trouvez le probleme, car j'ai vraiment l'impression d'avoir tout essayer.

    voici ma fonction avec lequel je crées mes marqeur multiples et load :

    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
    51
     
    var map;
     
     function load(longitude, latitude, zoom) {
     
    		var myOptions = {
              center: new google.maps.LatLng(longitude,latitude),
              zoom: zoom,
              mapTypeId: google.maps.MapTypeId.ROADMAP,
    		  mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}	
            };
            var map = new google.maps.Map(document.getElementById("map"), myOptions);
     
     
    		var url = "realEstateGoogle.php";
     
    		downloadUrl(url, function(data) {
    			var markers = data.documentElement.getElementsByTagName("marker");
    			for (var i = 0; i < markers.length; i++) {
    					var name = markers[i].getAttribute("name");
    					var address = markers[i].getAttribute("address");
    					var type = markers[i].getAttribute("type");
    					var point = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")),
    													   parseFloat(markers[i].getAttribute("lng")));
    					var marker = add_marker(point,name,address,type); 
        				marker.setMap(map);
     
    				  }
    		});
     
    		 $('#over_map_loading').fadeOut(1600, "linear", "complete");
     
        }
     
      function add_marker(point,name,address,type) {
     
        var infowindow = new google.maps.InfoWindow({ content: 'Allo' }); 
     
    	var marker = new google.maps.Marker({
              position: point,
              map: map,
              title: name,
    		  icon:customIcons[type]
        }); 
     
        google.maps.event.addListener(marker, 'click', function() {
    		infowindow.setContent(type);
      		infowindow.open(map, marker);
        });  
        return marker;
      }
    les marqeurs s'affiche bien, mais quand je cliques dessus aucun infowindow... ce que j'entends par infowindow c'est l'équivalent de infowindowhtml('....');

    Merci d'avance

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 080
    Points : 44 681
    Points
    44 681
    Par défaut
    Bonsoir,
    considérons cette fonction
    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
    function add_marker(point, name, address, type) {
      var infowindow = new google.maps.InfoWindow({
        content: 'Allo'
      });
      var marker = new google.maps.Marker({
        position: point,
        map: map,
        title: name,
        icon: customIcons[type]
      });
      google.maps.event.addListener(marker, 'click', function () {
        infowindow.setContent(type);
        infowindow.open(map, marker);
      });
      return marker;
    }
    infowindow est une variable locale qui n'est pas connue lorsque tu cliques sur le marker hors du contexte de la fonction.

Discussions similaires

  1. Google Calendar API V3 ne fonctionne pas
    Par Débutant2 dans le forum API standards et tierces
    Réponses: 1
    Dernier message: 21/04/2015, 10h20
  2. Ghostcript API Java ne fonctionne pas
    Par jmmaugis dans le forum Langage
    Réponses: 0
    Dernier message: 19/11/2014, 13h56
  3. Google API : infowindow ne fonctionne pas
    Par diving-seller dans le forum APIs Google
    Réponses: 1
    Dernier message: 25/06/2010, 10h01
  4. [Web Service][API Google Maps] Ne fonctionne pas en ligne
    Par PRACH dans le forum Bibliothèques et frameworks
    Réponses: 4
    Dernier message: 07/12/2009, 10h30
  5. ca ne fonctionne pas (generateur auto-incrémentant)
    Par tripper.dim dans le forum SQL
    Réponses: 7
    Dernier message: 26/11/2002, 00h10

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