Réorganiser les calques de feuillets

Question

J'ai trois calques, un GeoJSON qui est utilisé avec leaflet-draw et deux (vector et canvas/heatmap) qui affichent simplement des calques.

Mon problème est, les superpositions sont ajoutées plus tard dynamiquement avec le contrôle de couche, tandis que la couche GeoJSON est toujours là. Lorsque les superpositions sont ajoutées, certaines des fonctions de dessin et une interaction générale avec la couche GeoJSON fonctionnent, car mes superpositions sont toujours au-dessus.

Comment redonner la couche GeoJSON au premier plan?

L'utilisation de layer.bringToFront() ne fonctionnait pas.

Answer 1

Si les couches sont ajoutées par le contrôle de la couche, vous pouvez garder votre couche GeoJSON sur le dessus en se cognant en arrière en utilisant .bringToFront() chaque fois qu'un événement overlayadd est tiré:

map.on('overlayadd', function() { 
    yourGeoJsonLayerName.bringToFront(); 
}); 

Un exemple un peu difficile à manier le violon est ici:

http://fiddle.jshell.net/nathansnider/yt65dkyt/

Bien que la commande de la couche peuvent être traitées avec plus de grâce à la notice 1.0 bêtas en attribuant des couches de vitres avec un zIndex persistant, il ressemble à Leaflet Draw ne supporte pas officiellement 1.0 encore, donc .bringToFront c'est!