Wie zeigt man ein Popup bei Mouse-Over an, nicht bei Klick?

Question

<\/HEAD>Ich versuche, ein Popup bei Mouse-Over anzuzeigen statt bei Klick. Derzeit verwende ich die bindPopup-Methode, um die Informationen dynamisch aus einer Feature-Layer anzuzeigen. Allerdings bin ich mir nicht sicher, wie man das korrekt so einstellt, dass es bei Mouse-Over funktioniert? <\/P> <\/P> Außerdem fällt mir auf, dass wenn ich auf das Symbol klicke, das Popup manchmal über den oberen Rand der Seite hinausgeht. Hat jemand eine Idee, wie man das verhindern kann? <\/P> <\/P> Und gibt es einen Tipp, wie man Zoom und Kartenposition so fixiert, dass der Benutzer die Karte weder scrollen noch verschieben kann? <\/P> <\/P> Vielen Dank im Voraus für eure Hilfe!! <\/P> <\/P> JSFiddle<\/A> <\/P>Live: http:\/\/aquagear.site44.com<\/A> <\/P><\/BODY><\/HTML>

JohnGravois · Answer

you're asking too many different questions in a single geonet post.

1. instead of calling bindPopup(), you'll need to implement your own logic within featureLayer.on("mouseover") / featureLayer.on("mouseout") (example)

2. by default, the popup option autoPan is set to true. this should ensure that the popup is displayed even if the map has to be recentered.

3. check out the leaflet map constructor option maxBounds

WinstonHoyle · Answer

Your fiddle seems to not be working but I think I understand what you are trying to do. locations.bindPopup(/*Insert your popup information*/, { maxWidth: 560, maxHeight: 500 });‍‍‍‍ The Popup object has options that are found in the leaflet documentation: https://leafletjs.com/reference-1.3.2.html#popup-l-popup