37

mam prana stackoverflow i innych forach tym mapą Google docs API V3 na odpowiedź, ale nie mogę znaleźć sposobu, aby zmienić zdarzenie, które wyzwala okno informacyjne marker z kliknięcia do najechaniu myszą w plikach, z którymi pracuję.google maps v3 marker okno informacji po najechaniu myszą

Pracuję z wersją demonstracyjną z biblioteki google, która zawiera warstwę stołu fuzyjnego.

Powiększaj klastry i zobacz małe czerwone znaczniki okręgów dla lokalizacji. Musisz kliknąć, aby wyświetlić okno informacyjne. Chcę przewrócić, aby wyświetlić okno informacyjne.

Moje demo jest tutaj: http://www.pretravelvideo.com/gmap2/

Plik functions.js wykonuje większość pracy tutaj: http://www.pretravelvideo.com/gmap2/functions.js

+0

Wydarzenie, którego szukasz, to najechanie kursorem myszy, czy to nie działa? –

+0

Nie widzę nawet infomatu pojawiającego się po kliknięciu twoich czerwonych znaczników – duncan

Odpowiedz

95

Oto przykład: 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

Naprawdę pomocny wpis! – toidiu

+2

A co jeśli chcę skopiować tekst z Infowindow? Chcę, aby infowindowow pozostało otwarte tak długo jak mam mysz nad markerem LUB samym infouindow ... Więc słuchacz mouseout na markerze nie zrobi tego :( – Kedor

+0

@Kedor zmień detektor zdarzeń mouseout na infowindow zamiast znacznika – 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

Dzięki do duncan odpowiedź, kończę z tym:

marker.addListener('mouseover',() => infoWindow.open(map, marker)) 
marker.addListener('mouseout',() => infoWindow.close()) 
Powiązane problemy