[GIS] How to define layer order in leaflet

geojsonlayersleaflet

I added some geojson layers on my map but they are ordred in the menu randomly.

for example I like Zones to be above Bus line how to control this.
here my example

Best Answer

I recently solved this by working with Panes in Leaflet.js

http://leafletjs.com/examples/map-panes/

I can use this with any type of layer that I add to a Leaflet.js map. Very handy!

Related Solutions

Leaflet Layer Control – Moving the Layer-Control Menu

According to the docs here, you can pass the position in as an option when creating the layer control.

Available positions are outlined here

overlayPane = {
  "Endpoints" : endpointMarkerLayer,
  "Links" : linkLineLayer,
};

// Add a layer control element to the map
layerControl = L.control.layers(null, overlayPane, {position: 'topleft'});
layerControl.addTo(map);

[GIS] How to control the order of appearance of markers using leaflet

Try setting zIndex of L.Marker with this method.

Best Answer

Related Solutions

Leaflet Layer Control – Moving the Layer-Control Menu

[GIS] How to control the order of appearance of markers using leaflet

Related Question