Leaflet: Control the z-index of polylines
A minor feature request.
It'd be good to have a way to control the z-index of the polylines that are added to the map. If I have 2 overlapping polylines, then I'd like to be able to control which one appeared on top.
Apologies if there is already a way of controlling this, I can't see a way to do it.
crofty
All 5 comments
No way currently, thanks for the request! Seems this might be useful.
mourner
on 14 Jul 2011
Sorry for writing comment in russian, my english is not good enough.
ΠΠ°Π½Π½Π°Ρ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡ ΠΌΠ½Π΅ ΡΠΎΠΆΠ΅ Π½ΡΠΆΠ½Π°.
Π’Π΅ΠΊΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³ ΠΌΠΎΠ΄Π΅Π»Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Π·Π°ΡΠΎΡΠ΅Π½Π° Π½Π° ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡΠΈΡΠ½ΠΎΡΡΡ, ΠΏΠΎΠ½ΡΡΠ½ΠΎΡΡΡ ΠΈ Π±ΡΡΡΡΠΎΡΡ ΡΠ°Π±ΠΎΡΡ. ΠΠΎ ΠΎΠ½Π° ΠΏΡΠΈ ΡΡΠΎΠΌ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΎΡΡΠ°Π²Π°ΡΡΡΡ ΠΏΡΠΈΠΌΠΈΡΠΈΠ²Π½ΠΎΠΉ. Π Π΅Π½Π΄Π΅ΡΠΈΠ½Π³ ΠΌΠΎΠ΄Π΅Π»Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠΌΠ΅ΡΡ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ z-index ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ², ΠΌΠ½Π΅ ΠΊΠ°ΠΆΠ΅ΡΡΡ ΡΡΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΡΡΡΡ ΡΠ΅ΡΠ΅Π· ΡΡΠΈΠ»ΠΈ: ilayer.setStyle('z-index', 5); Π Π½Π΅ΠΊΠΎΡΠΎΡΠ°Ρ ΡΡΡΠ½ΠΎΡΡΡ ΠΎΡΡΠΈΡΠΎΠ²ΡΠΈΠΊ ΡΠΆΠ΅ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ»Π° Π±Ρ ΠΎΠ±ΡΠ΅ΠΊΡΡ Π² Π½ΡΠΆΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅, ΠΈ Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ»Π° ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌ ΡΠ΅Π½Π΄Π΅ΡΠΈΡΡ ΡΠ΅Π±Ρ Π² ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ»ΡΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅.
ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Ρ Π΄Π°ΠΆΠ΅ Π²ΠΎΠ·ΡΠΌΡΡΡ Π·Π° Π΄Π°Π½Π½ΡΡ Π·Π°Π΄Π°ΡΡ ΠΏΡΠΈ Π½Π°Π»ΠΈΡΠΈΠΈ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ.
ΠΡΠΎΡ ΡΠΈΠΊΠ΅Ρ ΠΈ ΡΠΈΠΊΠ΅Ρ #155 ΠΏΠΎ ΡΡΡΠΈ ΠΎΠ± ΠΎΠ΄Π½ΠΎΠΌ ΠΈ ΡΠΎΠΌ ΠΆΠ΅ Π² ΠΏΠ»Π°Π½Π΅ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ.
anru
on 20 Jul 2011
Π― Π²ΡΡ-ΡΠ°ΠΊΠΈ ΠΏΠΎΠΊΠ° ΡΡΠΎ Ρ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΎΠΏΠ°ΡΠΊΠΎΠΉ ΡΠΌΠΎΡΡΡ Π½Π° ΡΠ°ΠΊΠΎΠΉ ΡΠ΅ΡΠ°ΠΊΡΠΎΡΠΈΠ½Π³ β Π½Π΅ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΠΉΡΡ Π·Π° Π½Π΅Π³ΠΎ Π±Π΅Π· ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΠ±Π³ΠΎΠ²Π°ΡΠΈΠ²Π°Π½ΠΈΡ. ΠΠ½Π΅ ΠΊΠ°ΠΆΠ΅ΡΡΡ, ΡΡΠΎ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎ Π·Π°Π΄Π°ΡΡ Ρ z-index'ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅ΡΠΈΡΡ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅.
mourner
on 20 Jul 2011
I'm porting a library of mine from the Google Maps API (https://github.com/jawj/OverlappingMarkerSpiderfier), and I'd +1 this.
jawj
on 6 May 2012
Unfortunately after some research I figured out that SVG doesn't support z-index ordering. The only way to manipulate order of the elements is to reorder corresponding elements in the DOM. So instead of a precise z-index control, I added two methods: path.bringToFront() and path.bringToBack. See commit ed3176f
mourner
on 25 Jun 2012
Related issues
walterfn2
Β·
4Comments
brambow
Β·
3Comments
pgeyman
Β·
3Comments
gdbd
Β·
3Comments
remilev
Β·
4Comments
Most helpful comment
Unfortunately after some research I figured out that SVG doesn't support z-index ordering. The only way to manipulate order of the elements is to reorder corresponding elements in the DOM. So instead of a precise z-index control, I added two methods:
path.bringToFront()andpath.bringToBack. See commit ed3176f