使用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}