Discussion :

[matsay81]

Bonjour,

J'ai trouvé un code pour localiser tous les membres de mon site à partir d'une base de donnée mysql.

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
 function createMarker(point,nom,photo,ville,url) {
       var marker = new GMarker(point);
       var html = "<b><a href=\""+url+"\">"+nom+"</a><br/><br/>"+ville+"</b><br/><img src='/"+photo+"' height='100'/>";
       GEvent.addListener(marker, 'click', function() {
         marker.openInfoWindowHtml(html);
       });
       return marker;
     }
 
     function initialize() {
       if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById('map'));
        map.setCenter(new GLatLng(47.44697409658, 0.718591632743831),5);
        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 = "marqueur.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 ville = markers[i].getAttribute("ville");
           var photo = markers[i].getAttribute("photo");
           var url = markers[i].getAttribute("url");
           var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("long")));
           var marker = createMarker(point,nom,photo,ville,url);
           map.addOverlay(marker);
         }
       });
 
      }
      else{
       alert('Désolé, mais votre navigateur n\'est pas compatible avec Google Maps');
      }
    }

Mon souci est quand plusieurs membres sont sur la même long et lat, il me marque sur le point le dernier membre trouvé dans ma base. Je souhaiterais que sur le même point il m'indique la totalité des membres.

Merci de votre aide

[NoSmoking]

Bonjour,
tu peux passer par des icones de marqueurs personnalisés par exemple:

Code html :

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

<img src="https://chart.googleapis.com/chart?chst=d_map_pin_letter_withshadow&chld=5|FFFF00|000000">

mais avant tout je pense qu'il est préférable de commencer par migrer sur la v3 de l'API.

Plus d'info sur les icônes personnalisées
https://developers.google.com/chart/.../dynamic_icons

[matsay81]

Merci de votre réponse mais je ne comprend pas comment ! je souhaite que quand on clique sur le marqueur au lieu d'avoir les infos que d'un membre j'ai une liste de tous les membres sur ce même point.

tartenpion
Homme
Montpellier

tartenpine
Femme
Montpellier

....

[NoSmoking]

c'est au moment de l'initialisation qu'il te faut regrouper les informations au sein d'une même infoWindow.

[matsay81]

Je ne comprends pas je découvre cette APIGoogle, dans ma page marqueur.php je fais ma requête et j'initialise les champs que je souhaite afficher dans mon infowindows. Ensuite pouvez vous me détaillez un peu ce que je dois faire, je suppose qu'il faut que je fasse une boucle quand la long. et la lat. sont les mêmes, pour regrouper les différents membres.

Merci

[NoSmoking]

Dans ma première vision du truc j’aurai plutôt fait cela coté BdD, mais tu peux effectivement le faire coté client dans une boucle.