Discussion :

[Doksuri]

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 javascript :

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

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

[NoSmoking]

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

Code :

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

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);
});

[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