谷歌地图v3鼠标hover的标志信息窗口
我已经淘到了stackoverflow和其他论坛,包括谷歌地图V3 API文件的答案,但我找不到如何更改事件, 点击 鼠标hover在我正在使用的文件的信息窗口。
我正在从包含融合表层的谷歌图书馆演示。
您放大集群并查看位置的小红色圆圈标记。 你必须点击以显示一个信息窗口。 我希望滚动显示信息窗口。
我的演示在这里: http : //www.pretravelvideo.com/gmap2/
functions.js文件在这里完成大部分工作: http : //www.pretravelvideo.com/gmap2/functions.js
以下是一个示例: 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(); });
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); });
感谢邓肯的回答,我结束了这个:
marker.addListener('mouseover', () => infoWindow.open(map, marker)) marker.addListener('mouseout', () => infoWindow.close())