google-mapsgoogle-maps-api-3google-maps-markersmouseovergoogle-fusion-tables

google maps v3 marker info window on mouseover


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


Solution

  • 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();
    });