Hoe een popup weergeven bij mouse-over, niet bij klikken?

Question

<\/HEAD>Proberen een pop-up weer te geven bij mouse-over in plaats van klikken. Momenteel wordt de bindPopup-methode gebruikt om de informatie dynamisch van een feature layer weer te geven. Echter, niet zeker wat de juiste manier is om dit te laten werken bij mouse-over in plaats daarvan? <\/P> <\/P> Merk ook op dat wanneer ik op het pictogram klik, de popup soms voorbij de bovenkant van de pagina uitstrekt. Heeft iemand een idee hoe dit te voorkomen? <\/P> <\/P> Ook, enig advies hoe de zoom en kaartpositie te fixeren zodat de gebruiker niet kan scrollen of pannen op de kaart? <\/P> <\/P> Alvast bedankt voor je hulp!! <\/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