Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Rotation of Markers

See original GitHub issue

Feature request. Allow the markers to be rotated.

The markers that I am displaying on the map have an orientation and it’d be nice to have a simple way of rotating the marker to this orientation. Currently, I’m grabbing the img tag and applying a CSS3 transform with jquery whenever the orientation changes. It works but it’s hacky and there are other webkit transforms already applied the tag.

$(marker._icon).css('-webit-transform','rotate(90deg)')

It’d be nice to have this built into the framework.

Issue Analytics

State:
Created 12 years ago
Reactions:6
Comments:26 (5 by maintainers)

Top GitHub Comments

3reactions

ghybscommented, Jan 19, 2018

Hi @Deilan,

Thank you for your message.

It looks to me that @bbecquet’s Leaflet Rotated Marker plugin does the job (demo). You might also be interested in other plugins, e.g. leaflet.orientedMarker.

IMHO Leaflet project’s philosophy is to provide the most common functionality in core, and delegate more specific features to plugins. As such, having this feature in a plugin sounds an appropriate situation.

I will add Rotated Marker to the plugins list and will mark this Feature Request as closed.

For the sake of completeness, I will mention PR #2362 as an attempt to merge this feature a while back. Unfortunately, it looks like there was some incompatibilities with old browsers and other customizations (transparency…). It has been closed for inactivity, but feel free to revive it if you can update the code for Leaflet current version!

1reaction

ghybscommented, Jul 30, 2021

See comment https://github.com/bbecquet/Leaflet.RotatedMarker/issues/28#issuecomment-889636894