hotline draw order

[jaronimoe]

hi,

I just replaced my polylines with hotlines.
the lines are used as edges in a network graph -> they connect circles.
unfortunately now the hotlines are drawn behind the circles.
I didn't have this issue with the regular polylines.

I tried circle.bringToBack() as well as hotline.bringToFront() - but both without success unfortunately.
did you encounter this problem before? how did you solve it?

[klaftertief]

This is because the hotline layer is renderer with a custom canvas based renderer, which is always rendered below SVG based layers.
You could manually override the z-index of canvas elements to but it above the svg element, or you could create your own custom hotline renderer to place it on a pane above the overlayPane. This can be done by setting the pane option in L.Hotline.render().
Hope this helps...

[jaronimoe]

thank you, how do I set the pane option for a custom Hotline renderer?

[klaftertief]

Just like for normal renderers, L.Hotline.renderer({pane: "markerPane"}). You can create your own pane, or use an existing one. See http://leafletjs.com/reference-1.2.0.html#renderer and http://leafletjs.com/reference-1.2.0.html#map-pane