[Mapquest] Regroupement de marqueurs

Version imprimable

2 pièce(s) jointe(s)

Bonjour à tous,

J'ai un soucis pour grouper des marqueurs sur MapQuest

Mon problème :

J'insère sur ma map MapQuest des marqueurs, tout fonctionne correctement. Cependant j'en ai énormément et je voudrais les grouper pour que ce soit plus propre.

Rendu :
Pièce jointe 422093

Ce que j'aimerais que ça fasse :
Pièce jointe 422097

Et quand on clique sur un marqueur, ca fait un zoom puis ca affiche ceux qui étaient groupés dans ce point là et ainsi de suite jusqu'à arriver à un seul marqueur.

J'ai essayé de chercher sur la doc mapquest mais rien trouvé
Avez vous une idée ?

Voici mon code (les marqueurs proviennent d'une api):
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 window.onload = function() { L.mapquest.key = 'MA_CLEF'; var map = L.mapquest.map('map', { center: [45.75, 4.85], layers: L.mapquest.tileLayer('map'), zoom: 12 }); ajaxGet("https://api.jcdecaux.com/vls/v1/stations?contract=Lyon&apiKey=Ma_CLEF", function (reponse) { // Transforme la réponse en un tableau d'articles var listePoints = JSON.parse(reponse); for (var i = listePoints.length - 1; i >= 0; i--) { L.marker([listePoints[i].position.lat, listePoints[i].position.lng], { icon: L.mapquest.icons.marker(), draggable: false }).bindPopup(listePoints[i].address).addTo(map); }; }); };
Merci d'avance !

EDIT :

Forcément quand je poste le message que je trouve la solution :)
pour ceux que ça intéresse : https://developer.mapquest.com/docum...rker-clusters/

Bon finalement j'ai un autre soucis

J'ai réussi a stacker mes marqueurs, simplement je n'arrive pas a récupérer les infos dessus (au click)

Voici mon code :

Code:

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
window.onload = function() {
    L.mapquest.key = 'Ma clef';
    var baseLayer = L.mapquest.tileLayer('map');
 
    var map = L.mapquest.map('map', {
      center: L.latLng(45.75, 4.85),
      layers: baseLayer,
      zoom: 12
    });
 
    ajaxGet("https://api.jcdecaux.com/vls/v1/stations?contract=Lyon&apiKey=Ma clef", function (reponse) {
    	var addressPoints = JSON.parse(reponse);	
 
        var markers = L.markerClusterGroup();
 
        for (var i = 0; i < addressPoints.length; i++) {
          var title = addressPoints[i].name;
          var id = addressPoints[i].number;
          var marker = L.marker(new L.LatLng(addressPoints[i].position.lat, addressPoints[i].position.lng), {
            title: title,
            alt: id,
            icon: L.mapquest.icons.marker()
          });
          marker.bindPopup(title);
          markers.addLayer(marker);
        }
 
        map.addLayer(markers);
	});
}

donc ce que j'aimerai récupérer c'est le alt

j'ai essayé :

Code:

1
2
3
4
$("img").click(function(){	
	var titre = this.alt;
	console.log(titre);
});

mais ca ne fonctionne pas
Si vous avez une idée de comment je pourrais faire pour récupérer les infos merci :)

27/10/2018, 09h37
NoSmoking

Bonjour,

Citation:

marker.bindPopup(title);

c'est ta variable title qui doit contenir les infos que tu souhaites afficher, ou alors il te faut faire un marker.bindPopup(id);.
27/10/2018, 09h39
mathieu
mapquest utilise leaflet donc vous trouverez la documentation d'utilisation là :
https://leafletjs.com/reference-1.3.0.html#marker

et par exemple pour l'évènement du clic, vous pouvez essayer cela dans la boucle qui crée les marqueurs :
Code:

1 2 3 4 5 marker.on("click", function (e) { console.log(this["options"]); });
28/10/2018, 14h45
Kenkaio

j'ai trouvé du coup en faisant un console.log(this) ca m'a donné toutes les infos du marker et il se trouve que ma valeur est dans 'options' du coup :

var identifiant = this.options.alt;

Merci bcp :)