Label is displayed behind other markers in some cases about leaflet.label HOT 2 CLOSED

The way Leaflet treats markers added to the map is the further down the screen the marker is the higher of a z-index it is given. This is why you are seeing the behavior where markers with a slightly less latitude are displaying over the higher ones. Labels are paired with a markers so that the label will match the markers z-index.

In cases where you want the label to show above everything else you can use the option riseOnHover: true when creating the marker (http://leafletjs.com/reference.html#marker-riseonhover). Since the label matches the marker this will mean both he marker and the label are displayed over everything.

You probably want to use this option anyway as it would be unusual for the label only to come to the front when you mouse over the marker. This is more apparent when the markers themselves overlap (zoom the map out in your example).

Regarding the rules, I understand what you are getting at. However for 1 this behavior is strange when you have a cluster of labels and markers. You would not see any markers behind the labels and would not be able to determine the marker-label pairs. I think 2 is fixed by using the riseOnHover property.

from leaflet.label.

I completely missed the riseOnHover. This seems to address the issues. Thanks!

from leaflet.label.