Map 鼠标悬停并单击地图上的事件
我有一个任务,当鼠标滑过地图上的某个区域时,显示一些细节,并在地图上绑定单击事件。它不在标记上。我在谷歌地图api中搜索了一下,但没有找到任何与此相关的事件。如何才能完成这项任务 如果我正确理解你的问题,有两种方法可以做到这一点 1) 为地图中的区域绘制透明多边形,并向这些多边形添加鼠标悬停事件Map 鼠标悬停并单击地图上的事件,map,Map,我有一个任务,当鼠标滑过地图上的某个区域时,显示一些细节,并在地图上绑定单击事件。它不在标记上。我在谷歌地图api中搜索了一下,但没有找到任何与此相关的事件。如何才能完成这项任务 如果我正确理解你的问题,有两种方法可以做到这一点 1) 为地图中的区域绘制透明多边形,并向这些多边形添加鼠标悬停事件 2) 跟踪鼠标指针的横向和纵向,并使用逻辑来自定义单击事件。您需要创建事件侦听器 google.maps.event.addListener(variable, 'mouseevent', functi
2) 跟踪鼠标指针的横向和纵向,并使用逻辑来自定义单击事件。您需要创建事件侦听器
google.maps.event.addListener(variable, 'mouseevent', function () {
***WHAT YOU WANT TO DO HERE
});
不确定您的目标是什么,因此这里有一个mouseover&mouseout事件的示例:
如果您愿意,也可以将标记中的鼠标悬停更改为“单击”
google.maps.event.addListener(your_polygon, 'mouseover', function() {
your_polygon.setOptions({
fillOpacity: 0.4,
strokeOpacity: 0.6
});
google.maps.event.addListenerOnce(your_marker, 'mouseover', function(){
infoBubble5.open(map, your_marker_icon);
});
});
google.maps.event.addListener(your_polygon, 'mouseout', function() {
desert_parks5.setOptions({
fillOpacity: 0.6,
strokeOpacity: 0.8
});
});