Google Maps : How to open an InfoWindow by hovering a link?

Question

Hi there,

i have a very simple question about Google Maps API.

In this case, i have on my page a map on the left, with about 40 points, and the list of these 40 points on the right. So you know, when you click on a point of the map, the "info window" is displayed so you can see some informations about it. I can't find how can i do to simply open the "info window" on the map, by making a "hover" on the corresponding link. (and by the way, close all the others info windows)

Did someone have an idea about this?

Thanks a lot, have a nice day! :)

Answer 1

Hi, All you have to is simply bind mouseover event into your marker and then info balloon will appear.

GEvent.addListener(marker, "mouseover", function() {
      marker.openInfoWindowHtml(html);
}); 

There is an example page here
Also know that for better explanation of how map coding works on google always check the documentation first.

http://code.google.com/apis/maps/documentation/

Hope this helps
Myra