使用Google Maps API V3为多边形鼠标悬停上的外部div触发事件(图像渐变)

Question

一直在寻找解决方案，但不确定如何执行。。。我正在尝试让多边形触发地图区域外的事件。基本上，我想弄清楚的是，当多边形处于mouseover时，如何让div中的图像淡入，而当处于mouseout时，如何淡出。

我试着寻求帮助，但不确定如何让它以这种方式工作。http://gmaps-samples-v3.googlecode.com/svn/trunk/map_events/map_events.html

Answer 1

如果没有jQuery，我想我帮不了你。参见本页：

http://jsfiddle.net/CUfZS/3/

在javascript中：

google.maps.event.addListener(polygon, 'mouseover', function(event) {
          $("#myImage").fadeIn("slow");
});

体内：

<img id="myImage" src="https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000" />

图像开始隐藏：

 #myImage {display: none}