¿Cómo mostrar un popup al pasar el ratón, no al hacer clic?

Question

<\/HEAD>Intentando mostrar un pop-up al pasar el ratón en lugar de al hacer clic. Actualmente uso el método bindPopup para mostrar la información dinámicamente desde una capa de características. Sin embargo, no estoy seguro de la forma correcta de hacer que esto funcione al pasar el ratón en su lugar.<\/P> <\/P> También noto que cuando hago clic en el icono, el popup a veces se extiende más allá de la parte superior de la página. ¿Alguna idea de cómo evitar esto?<\/P> <\/P> Además, ¿algún consejo sobre cómo fijar el zoom y la posición del mapa para que el usuario no pueda desplazarse ni mover el mapa?<\/P> <\/P> ¡Gracias de antemano por tu ayuda! <\/P> <\/P> JSFiddle<\/A> <\/P>En 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