Leaflet Panning when Clicking on Markers

[Christoph Merten]

Hi there,

when clicking on an indiividual marker icon which is half outside the map, the map will pan the icon into the visible area of the map:

how to disable this panning? Even a "move' event ist fired.

Regards

Chris

[Edwin Corrigan]

Hi Christoph,

You can disable auto panning for the popups with the autoPan property for popups. It's set to true by default, but I've attached a html of how to set it to false, just open in your browser.

A sidenote to your question, but it might be useful. If you want to display the entire popup on click, but also turn off autopan, look into popup's offset function.

Hope this helps, 

Edwin

Edwin Corrigan 

 

edwint....@gmail.com

Want to learn React-Leaflet? Check out this course

--

---
You received this message because you are subscribed to the Google Groups "Leaflet" group.
To unsubscribe from this group and stop receiving emails from it, send an email to leaflet-js+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/leaflet-js/3399b72a-9c75-4e80-81e3-8f783f6d29dcn%40googlegroups.com.

[Christoph Merten]

Thanks Edwin. But the behavior is Not the Problem with the popups. Its about the Marker Icons. Just try HTTPS://dev.gruppenunterkuenfte.de

And move the map that one Marker ist halt outside on the left and then click one the visible part. The the map pans the Icon ist full visible.

Regards

Chris

To view this discussion on the web visit https://groups.google.com/d/msgid/leaflet-js/CAEMS%2BFw8tmfXAVf0GWVywDYx0u0K%2B3bgQ-PF3VvJefUrVAcEJg%40mail.gmail.com.

[Edwin Corrigan]

Hi Christoph,
How about adding the autoPanOnFocus option to the Marker? Below is an example:

const marker = L.marker([51.5, -0.09], { autoPanOnFocus: false }).addTo(map).bindPopup(popup);

Edwin

Best Regards, 

Edwin

Edwin Corrigan 

 

Tel: (353) 87 7552 666

edwint....@gmail.com

Want to learn React-Leaflet? Check out this course

[Christoph Merten]

Hi Edwin,

thanks a lot. It works. I'm blind :-) I found it in the docs after you wrote.

Best regards

Chris