web-dev-qa-db-fra.com

google maps fenêtre d'information sur les marqueurs v3 au passage de la souris

J'ai parcouru stackoverflow et d'autres forums, y compris les documents de l'API de Google Maps v3, mais je ne trouve pas comment changer l'événement qui déclenche la fenêtre d'informations sur les marqueurs à partir de . Clic à mouseover dans les fichiers avec lesquels je travaille.

Je travaille avec une démo de la bibliothèque Google qui inclut une couche de table de fusion.

Vous zoomez sur les groupes et voyez les petits marqueurs de cercle rouge pour les emplacements. Vous devez cliquer pour révéler une fenêtre d'information. Je souhaite basculer pour révéler la fenêtre d'information.

Ma démo est ici: http://www.pretravelvideo.com/gmap2/

Le fichier functions.js effectue l'essentiel du travail ici: http://www.pretravelvideo.com/gmap2/functions.js

50
Adam Fletcher

Voici un exemple: 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();
});
127
duncan
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);
});
6
pankaj

Grâce à Duncan, je me retrouve avec ceci:

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