Map 鼠标悬停并单击地图上的事件

Map 鼠标悬停并单击地图上的事件,map,Map,我有一个任务,当鼠标滑过地图上的某个区域时,显示一些细节,并在地图上绑定单击事件。它不在标记上。我在谷歌地图api中搜索了一下,但没有找到任何与此相关的事件。如何才能完成这项任务 如果我正确理解你的问题,有两种方法可以做到这一点 1) 为地图中的区域绘制透明多边形,并向这些多边形添加鼠标悬停事件 2) 跟踪鼠标指针的横向和纵向,并使用逻辑来自定义单击事件。您需要创建事件侦听器 google.maps.event.addListener(variable, 'mouseevent', functi

我有一个任务,当鼠标滑过地图上的某个区域时,显示一些细节,并在地图上绑定单击事件。它不在标记上。我在谷歌地图api中搜索了一下,但没有找到任何与此相关的事件。如何才能完成这项任务

如果我正确理解你的问题,有两种方法可以做到这一点

1) 为地图中的区域绘制透明多边形,并向这些多边形添加鼠标悬停事件


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
       });
  });