data dans mauvais groupe

Version imprimable

Bonjour a tous,

je rencontre un probleme : je veux ajouter le nom des villes sur ma carte, mais comme j'ai plusieurs couches de datas, je veux que les villes soient par dessus toutes les couches.

pour ce faire, je prepare une pane, a laquelle je set un zIndex fort.
puis, pour chacunes de mes villes, je l'ajoute a cette pane.
le probleme, est que mes villes sont ajoutees dans une pane "classique" de leaflet, et non pas ma pane de villes.
Code:

1 2 3 4 5 6 7 8 map.createPane('cities'); map.getPane('cities').style.zIndex = 700; layerCities = L.layerGroup().addTo(map); layerCities.options.pane = 'cities'; citiesMap.forEach(city => { let label = L.divIcon({className: 'cityMap', html: city.label}); L.marker(city.latlon, {icon: label}).addTo(layerCities); });
je me retrouve avec un leaflet-pane leaflet-cities-pane qui a le bon zIndex, mais vide...
et un leaflet-pane leaflet-marker-pane qui a la config de base de leaflet (derriere les autres couches), mais contient mes villes

Bonjour,
il te suffit d'affecter la propriété pane lors de la création de tes markers

Code:

1
2
3
4
5
6
7
8
9
10
citiesMap.forEach(city => {
  let label = L.divIcon({
    className: 'cityMap',
    html: city.label
  });
  L.marker(city.latlon, {
    "pane": "cities",
    "icon": label
  }).addTo(layerCities);
});

03/09/2019, 14h44
Doksuri

ah, j'attachais le group au pane au lieu d'attacher le marker au pane...

ca resoud mon probleme, mais ce que je ne comprends pas, c'est que pour mes autres datas, j'attache le groupe au pane, et j'affecte mes markers a mon groupe, et ca fonctionne...

en tout cas, merci