When I add a layer in leaflet it stays automatically above all layers I want layers to be ordered wich one stays above the other in way that last added layer will not stays above and hide the other layers that may I have interaction with them (mouse :click,out,move...). here my example order layers leaflet

1 Answer 1


You can work with layer.bringToFront(), bringToBack() or setZIndex() to reorder your layers.

If you want one layer to always be below all others you can listen for the layer's add event and then bring it to the back (and bring the other to the front the same way):

var C300mVar1 = new L.geoJson(C300mVar1, {
  onEachFeature: function(feature, layer) {
      'add': function(){

Demo here: http://plnkr.co/edit/6c7xxWZpv3J8oTiyjG7Q

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.