¿Es posible en el folleto que se abra una ventana emergente al pasar el mouse por encima, no al hacer clic?
Esto funciona solo para un marcador a la vez, pero lo necesito para un mayor número de marcadores:
marker.on('mouseover', function(e){
marker.openPopup();
});
Respuestas:
Si necesita mostrar la ventana emergente para un marcador, puede usar el método bindPopup de marcadores.
Entonces tienes más control y se unirá automáticamente a tu marcador.
En el siguiente ejemplo, puede mostrar la ventana emergente cuando el usuario pasa el mouse y ocultarla cuando el usuario se retira:
Nota: es posible que tenga problemas con el cierre de las ventanas emergentes cuando pasa el mouse sobre la ventana emergente, por lo que es posible que deba ajustar el anclaje de la ventana emergente (consulte la configuración de la ventana emergente) para mostrar sus ventanas emergentes un poco más lejos del marcador en sí, de modo que no desaparecer con demasiada facilidad
fuente
fuente
Este no es un problema específico del folleto, sino una cuestión de Javascript.
Guarda tus marcadores en una colección y luego únete
openPopup
a un'mouseover'
evento para todos ellos.Por ejemplo, con una matriz:
fuente
L.MarkerCluster
instancia ... Mi respuesta muestra claramente cómo vincular una colección de ventanas emergentes al pasar el mouse. Si desea saber cómo obtener una colección de un clúster, esto es otra cosa.Si está utilizando Leaflet 1.3.x, el enlace de información sobre herramientas es un método integrado.
http://leafletjs.com/reference-1.3.0.html#tooltip
fuente
bindTooltip()
también funciona en marcadores individuales.En términos de tener una solución que funcione "para un mayor número de marcadores", esto es lo que hago para cada capa de datos de puntos cargados desde GeoJSON:
fuente