Leaflet: Polyline above Marker

Question

I am working with Leaflet 0.7.7 and have a marker type that should go behind Polylines that I draw.

Usually markers are rendered above all Paths but is there a way to get a marker to render below? Thanks.

Answer 1

You can simply change the z-index in CSS for the overlayPane (where your vectors / polylines are included) and shadowPane (where shadows are placed), or even the markerPane if you want ALL markers to be placed below vectors.

.leaflet-overlay-pane { z-index: 5; }
.leaflet-shadow-pane  { z-index: 4; }

Demo: http://jsfiddle.net/ve2huzxw/39/