37

Ho perlustrato StackOverflow e altri forum, tra cui Google Maps docs v3 API per una risposta, ma non riesco a trovare il modo di cambiare l'evento che spara la finestra delle informazioni marcatore da click-mouseover nei file con cui lavoro.Google Maps v3 marcatore al passaggio del mouse

Sto lavorando con una demo della libreria di google che include un livello di tabella di fusione.

È possibile ingrandire i cluster e visualizzare i piccoli contrassegni del cerchio rosso per le posizioni. Devi cliccare per rivelare una finestra informativa. Vorrei passare al rollover per rivelare la finestra informativa.

mio demo è qui: http://www.pretravelvideo.com/gmap2/

Il file functions.js fa la maggior parte del lavoro qui: http://www.pretravelvideo.com/gmap2/functions.js

+0

L'evento che stai cercando è il passaggio del mouse, non funziona per te? –

+0

Non vedo nemmeno le infowindows che appaiono sul click dei tuoi marcatori rossi – duncan

risposta

95

Ecco un esempio: 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(); 
}); 
+0

Post davvero utile! – toidiu

+2

E se volessi copiare del testo da Infowindow? Voglio rimanere chiuso finché ho il mio mouse sul marcatore O infowindow stesso ... Quindi l'ascoltatore di mouseout sul marcatore non lo farà :( – Kedor

+0

@Kedor cambia il listener di eventi del mouseout in modo da essere al di sotto dell'indicatore di posizione invece del marcatore – duncan

4
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); 
}); 
0

Grazie alla risposta di duncan, finisco con questo:

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