He rastreado stackoverflow y otros foros, incluyendo el google maps api v3 de google docs para una respuesta, pero no puedo encontrar la manera de cambiar el evento que desencadena el marcador de la ventana de información de haga clic en a mouseover en los archivos de la que estoy trabajando.

Estoy trabajando con un demo de la biblioteca de google que incluye una tabla de fusión de la capa.

Hacer zoom en las agrupaciones y ver el pequeño círculo rojo marcadores para las ubicaciones.
Usted tiene que hacer clic para mostrar una ventana de información. Quiero pasar a revelar la ventana de información.

Mi demo es:
http://www.pretravelvideo.com/gmap2/

La functions.js archivo de la mayor parte de la obra aquí:
http://www.pretravelvideo.com/gmap2/functions.js

  • En el caso de que usted está buscando es mouseover, hace que no funcione para usted?
  • No quiero ni ver el un infowindows que aparecen en el clic de su red marcadores

3 Comentarios

  1. 132

    He aquí un ejemplo:
    http://duncan99.wordpress.com/2011/10/08/google-maps-api-infowindows/

    marker.addListener('mouseover', function() {
        infowindow.open(map, this);
    });
    
    //assuming you also want to hide the infowindow when user mouses-out
    marker.addListener('mouseout', function() {
        infowindow.close();
    });
    • Muy útil el post!!!
    • ¿Y si quiero copiar un texto de Infowindow? Quiero infowindow permanecer abierto mientras tengo mi ratón sobre el marcador O infowindow sí… Así mouseout escucha en el marcador no lo hacen 🙁
    • cambiar el mouseout detector de eventos para estar en el infowindow en lugar del marcador.
    • esto funciona para mí, pero lo que es el trabajo detrás de él? cómo es ‘esto’ obtener la referencia de la marca, aunque yo lo tengo en un bucle for?
    • Buena pregunta. Mi entendimiento es que this es una referencia a cualquier objeto de la escucha de eventos se adjunta, es decir, es una abreviación de la marker en este caso. No hay ninguna ventaja real en este ejemplo en el uso de this en lugar de marker. Sin embargo, si usted tiene una función de detector de eventos que podrían ser conectados a una variedad de objetos (por ejemplo, si se utiliza la misma función aquí para mouseover sobre una polilínea), no tendría sentido para referirse a marker y el menos específico this tendría más sentido.
  2. 6
    var icon1 = "imageA.png";
    var icon2 = "imageB.png";
    
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: icon1,
        title: "some marker"
    });
    
    google.maps.event.addListener(marker, 'mouseover', function() {
        marker.setIcon(icon2);
    });
    google.maps.event.addListener(marker, 'mouseout', function() {
        marker.setIcon(icon1);
    });
    
  3. 3

    Gracias a duncan respuesta, termino con esto:

    marker.addListener('mouseover', () => infoWindow.open(map, marker))
    marker.addListener('mouseout', () => infoWindow.close())
    

Dejar respuesta

Please enter your comment!
Please enter your name here