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

Ada*_*her 53 google-maps mouseover google-maps-api-3 google-maps-markers google-fusion-tables

我已经冲刷计算器和其他论坛,包括谷歌地图V3 API文档的答案,但我无法找到如何改变,从火灾标记信息窗口时点击鼠标悬停在我一起工作的文件.

我正在使用谷歌图书馆的一个包含融合表层的演示.

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

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

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

dun*_*can 132

这是一个例子: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();
});
Run Code Online (Sandbox Code Playgroud)

  • 如果我想从Infowindow复制一些文本怎么办?我想infowindow保持打开只要我有我的鼠标在标记或infowindow本身...所以mouseout听众对标记不会这样做:( (4认同)

pan*_*kaj 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);
});
Run Code Online (Sandbox Code Playgroud)


Dam*_*ica 5

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

marker.addListener('mouseover', () => infoWindow.open(map, marker))
marker.addListener('mouseout', () => infoWindow.close())
Run Code Online (Sandbox Code Playgroud)