google maps v3 marker info window on mouseover

Question

I have scoured stackoverflow and other forums including the google maps v3 api docs for an answer but I cannot find how to change the event that fires the marker info window from click to mouseover in the files I am working with.

I am working with a demo from the google library that includes a fusion table layer.

You zoom into the clusters and see the small red circle markers for locations. You have to click to reveal an info window. I wish to rollover to reveal the info window.

My demo is here: http://www.pretravelvideo.com/gmap2/

The functions.js file does most of the work here: http://www.pretravelvideo.com/gmap2/functions.js

Answer 1

Here's an example: http://duncan99.wordpress.com/2011/10/08/google-maps-api-infowindows/

marker.addListener('mouseover', function() {     infowindow.open(map, this); });  // assuming you also want to hide the infowindow when user mouses-out marker.addListener('mouseout', function() {     infowindow.close(); }); 

Answer 2

var icon1 = "imageA.png"; var icon2 = "imageB.png";  var marker = new google.maps.Marker({     position: myLatLng,     map: map,     icon: icon1,     title: "some marker" });  google.maps.event.addListener(marker, 'mouseover', function() {     marker.setIcon(icon2); }); google.maps.event.addListener(marker, 'mouseout', function() {     marker.setIcon(icon1); });