How to open an InfoWindow from a mouseover that is not on the map.

10 views
Skip to first unread message

Bryn Kaufman

unread,
Jul 27, 2011, 8:19:59 PM7/27/11
to google-map...@googlegroups.com
I have the following page and I want to have the appropriate info window come up when the mousing over a row in the table above the map.

I have a working InfoWindow when you click on the icon, but I am not sure how to get that InfoWindow to come up when mousing over a row in the table.

Pil

unread,
Jul 28, 2011, 3:51:41 AM7/28/11
to Google Maps JavaScript API v3

Don't think that a mouseover is appropriate to load these oversized
images as quick as the user is able to move the mouse cursor (with
'oversized' I mean the size of the files not the dimensions of the
visible pictures).

Anyway, you may chase away your visitors as you like.

There are more than one examples out there showing the procedure. This
is the trick:

Collect your markers in a global array as you already do.

Create a function that triggers the appropriate event of the
appropriate marker in the global array:

function triggerClick(i) {
google.maps.event.trigger(markersArray[i], "click");
}

And call this function from the link outside the map passing the
appropriate array index

<a href="#" onclick="triggerClick(index);return false;">
Open infowindow </a>







On Jul 28, 2:19 am, Bryn Kaufman <brynkauf...@gmail.com> wrote:
> I have the following page<http://www.oahure.com/GoogleMapsAPIView_backup2.php?centerMap=%2821.3...>and I want to have the appropriate info window come up when the mousing over

Pil

unread,
Jul 28, 2011, 6:50:02 PM7/28/11
to Google Maps JavaScript API v3
Sorry for being rude. It wasn't meant personally, I should better have
used other words.

What I meant was: every mouseover that are causing actions that takes
'perceptible' time (unlike image rollovers) are critical because they
may confusing the user.
Reply all
Reply to author
Forward
0 new messages