鼠标悬停时谷歌地图v3标记信息窗口

时间:2012-01-19 03:40:12

标签: google-maps google-maps-api-3 google-maps-markers mouseover google-fusion-tables

我已经搜索了stackoverflow和其他论坛,包括google maps v3 api docs以获得答案,但我找不到如何更改触发标记信息窗口的事件从点击 mouseover < / em>在我正在使用的文件中。

我正在使用google库中包含融合表层的演示。

您可以放大群集并查看位置的小红圈标记。 您必须单击以显示信息窗口。我希望翻转以显示信息窗口。

我的演示在这里: http://www.pretravelvideo.com/gmap2/

functions.js文件完成了大部分工作: http://www.pretravelvideo.com/gmap2/functions.js

3 个答案:

答案 0 :(得分:124)

这是一个例子: 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();
});

答案 1 :(得分: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);
});

答案 2 :(得分:3)

感谢邓肯的回答,我最终得到了这个:

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