使用Google Maps API V3在多边形鼠标悬停上触发外部div的事件（图像淡出）

Question

一直在寻找一个解决方案并且不确定如何执行此操作......我正在尝试在地图区域之外使用多边形触发事件。基本上我想弄清楚的是当多边形处于鼠标悬停时如何让某个div中的图像淡入淡出，而当鼠标悬停时淡出则为淡出。

我试着寻求帮助但不确定如何让它以这种方式工作。 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}