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

时间:2014-07-05 07:12:25

标签: map

我有一项任务是在鼠标悬停在地图上的某个区域时显示一些细节,并在地图上绑定click事件。它不在标记上。我在谷歌地图api搜索,但没有发现任何事件。如何完成这项任务。

2 个答案:

答案 0 :(得分:0)

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

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

2)跟踪lat,鼠标指针的长度并使用逻辑来自定义点击事件。

答案 1 :(得分:0)

您需要创建事件侦听器。

google.maps.event.addListener(variable, 'mouseevent', function () {
  ***WHAT YOU WANT TO DO HERE
});

不确定您所针对的具体细节是鼠标悬停的一个例子。 mouseout事件:

Here is a jsFiddle

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

您可以在标记中更改鼠标悬停,然后点击“'如果你也喜欢。