Discussion :

[groskanel]

Bonjour

j'ai une base de données avec plusieurs coordonnées gps, j'arrive bien a afficher tous les markers sans souci, par contre concernant l'infobulle, ca ne va pas, l'infobulle ne s'affiche que sur le premier marker, quelque soit le marker sur lequel on clique.

je seche un peu..

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
 
     function initialize() {
       if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById('map'));
        map.setCenter(new GLatLng(47.3850790,-1.0299580),8);
        map.addControl(new GMapTypeControl());
        map.removeMapType(G_HYBRID_MAP);
        map.addMapType(G_PHYSICAL_MAP);
        map.setMapType(G_PHYSICAL_MAP);
        map.addControl(new GOverviewMapControl());
        map.addControl(new GScaleControl());
        map.addControl(new GLargeMapControl());
        map.enableScrollWheelZoom();
       var urlstr = "ajax.php";
       GDownloadUrl(urlstr, function(data) {
         var xml = GXml.parse(data);
         var markers = xml.documentElement.getElementsByTagName("marker");
         for (var i = 0; i < markers.length; i++) {
           var nom = markers[i].getAttribute("nom");
           var text = markers[i].getAttribute("lat");
           var color = markers[i].getAttribute("color");
           var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("long")));
           var title = "mon titre";
          var iconOptions = {};
          iconOptions.width = 32;
          iconOptions.height = 32;
          iconOptions.primaryColor = color;
          iconOptions.cornerColor = "#FFFFFF";
          iconOptions.strokeColor = "#A5A5A5";
          var icon = MapIconMaker.createMarkerIcon(iconOptions);
           var marker = new GMarker(point, icon);
            GEvent.addListener(marker, "click", function() {
                    var tab1 = new GInfoWindowTab("Titre", "<div>titre<\/div>");
                    var infoTabs = [tab1];
                    marker.openInfoWindowTabsHtml(infoTabs);
                });
 
 
           map.addOverlay(marker);       
         }  
       });
      }  
      else{
       alert('Désolé, mais votre navigateur n\'est pas compatible avec Google Maps');
      }
    }

si quelqu'un avait une idée pour que l'infobulle s'affiche bien sur chaque marker..

Merci

[NoSmoking]

Bonsoir,
je ne saurais que te suggérer de passer à la V3.x

Note: The Google Maps Javascript API Version 3 documented within these pages is now the official Javascript API. Version 2 of this API has been officially deprecated as per our deprecation policy. We encourage you to migrate your code to this newly updated and enhanced version!

Pour en revenir à ton probléme il est expliqué/traité dans la http://javascript.developpez.com/faq...wDernierMarker

Code :

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

1
2
3
4
5
6
GEvent.addListener(marker, "click", function () {
  var tab1 = new GInfoWindowTab("Titre", "<div>titre<\/div>");
  var infoTabs = [tab1];
  // marker.openInfoWindowTabsHtml(infoTabs);
  this.openInfoWindowTabsHtml(infoTabs); // ICI utilisation de this
});

[groskanel]

merci de ta réponse.

alors, ca fonctionne bien pour l'ouverture de la pop up, par contre, ca affiche toujours le meme nom, alors que cela devrait afficher le nom de chaque point...

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
 
 function initialize() {
       if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById('map'));
        map.setCenter(new GLatLng(47.3850790,-1.0299580),8);
        map.addControl(new GMapTypeControl());
        map.removeMapType(G_HYBRID_MAP);
        map.addMapType(G_PHYSICAL_MAP);
        map.setMapType(G_PHYSICAL_MAP);
        map.addControl(new GOverviewMapControl());
        map.addControl(new GScaleControl());
        map.addControl(new GLargeMapControl());
        map.enableScrollWheelZoom();
       var urlstr = "ajax.php";
       GDownloadUrl(urlstr, function(data) {
         var xml = GXml.parse(data);
         var markers = xml.documentElement.getElementsByTagName("marker");
         for (var i = 0; i < markers.length; i++) {
           var nom = markers[i].getAttribute("nom");
           var text = markers[i].getAttribute("lat");
           var color = markers[i].getAttribute("color");
           var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("long")));
          var iconOptions = {};
          iconOptions.width = 32;
          iconOptions.height = 32;
          iconOptions.primaryColor = color;
          iconOptions.cornerColor = "#FFFFFF";
          iconOptions.strokeColor = "#A5A5A5";
          var icon = MapIconMaker.createMarkerIcon(iconOptions);
 
          var marker = new GMarker(point, icon); 
          GEvent.addListener(marker, "click", function () {
          var tab1 = new GInfoWindowTab("Titre", nom);
          var infoTabs = [tab1];
  // marker.openInfoWindowTabsHtml(infoTabs);
         this.openInfoWindowTabsHtml(infoTabs); // ICI utilisation de this
});
 
 
           map.addOverlay(marker);       
         }  
       });
      }  
      else{
       alert('Désolé, mais votre navigateur n\'est pas compatible avec Google Maps');
      }
    }
  </script>

[NoSmoking]

ton problème est décrit, toujours dans la http://javascript.developpez.com/faq...owBonAffichage, à adapter à ta version de Google Map.

[groskanel]

malheureusement le javascript et moi.. ca fait deux

Code :

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

1
2
3
4
5
6
7
8
 
  var marker = new GMarker(point, icon); 
          GEvent.addListener(marker, "click", function () {
         var tab1 =new GInfoWindowTab ("Titre", nom);
          var infoTabs = [tab1];
  // marker.openInfoWindowTabsHtml(infoTabs);
         this.openInfoWindowTabsHtml(infoTabs); // ICI utilisation de this
});

j'ai tenter

Code :

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

 var marker = new GMarker[i](point, icon);

pour récuperer les infos, mais ca plante.

je suis completement paumé.. mettre this derriere le code ne donne rien non plus..

[NoSmoking]

malheureusement le javascript et moi.. ca fait deux

cela ne doit pas être une fatalité...

j'ai tenter

Code :

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

 var marker = new GMarker[i](point, icon);

pour récuperer les infos, mais ca plante.

il ne faut pas faire n'importe quoi non plus, GMarker est un constructeur défini dans l'API V2, ce n'est aucunement un Array.

A partir du lien que je t'ai mis et en suivant les liens on tombe sur http://javascript.developpez.com/faq...indowAffichage, et là 3 solutions te sont proposées.