Como exibir um popup ao passar o mouse, e não ao clicar?

Question

<\/HEAD>Tentando exibir um pop-up ao passar o mouse em vez de clicar. Atualmente usando o método bindPopup para exibir as informações dinamicamente a partir de uma camada de feição. No entanto, não tenho certeza da maneira correta de fazer isso funcionar ao passar o mouse? <\/P> Também percebo que quando clico no ícone, o popup às vezes ultrapassa o topo da página. Alguma ideia de como evitar isso? <\/P> Além disso, alguma dica de como corrigir o zoom e a posição do mapa para que o usuário não possa rolar ou mover o mapa? <\/P> Obrigado antecipadamente pela sua ajuda!! <\/P> <\/P> JSFiddle<\/A> <\/P>Ao vivo: 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