it-swarm.dev

janela de informações do marcador do google maps v3 no mouseover

Eu procurei no stackoverflow e em outros fóruns, incluindo os documentos da API do Google Maps v3 para obter uma resposta, mas não consigo encontrar como alterar o evento que aciona a janela de informações do marcador clicando em , clique em para mouseover nos arquivos com os quais estou trabalhando.

Estou trabalhando com uma demonstração da biblioteca do Google que inclui uma camada da tabela de fusão.

Você aumenta o zoom nos clusters e vê os pequenos marcadores de círculo vermelho para os locais. Você precisa clicar para revelar uma janela de informações. Desejo passar o mouse para revelar a janela de informações.

Minha demonstração está aqui: http://www.pretravelvideo.com/gmap2/

O arquivo functions.js faz a maior parte do trabalho aqui: http://www.pretravelvideo.com/gmap2/functions.js

50
Adam Fletcher

Aqui está um exemplo: 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

Graças à resposta duncan, acabo com o seguinte:

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