I have pins on my map with two events and actions bound to them:

click: shows a div
mouseover: openInfoWindowHtml( )

What I am seeing is that when I mouseover a pin, the infowindow shows,
but then if I click on the pin, the div does not show. What I found is
that the active hot spot on the pin has become just a small sliver on
the left side of the bubble (of the inverted teardrop). I can see the
when the cursor changes to a pointer while hovering around the pin. It
looks like the info balloon may be obscuring the pin maybe.

The link where this can be seen is larkspree.com/mouseover.html

I commented the mousover code (GEvent.addListender) and with this code
running, I can see the hot spot on the pin is what I would expect,
covering the entire area.

The link where this can be seen is larkspree.com/nomouseover.html

Most of the javascript is in the html file, and the listeners are
added at around line 1168.

To see the pins, you'll have to run the search (they something like
"jazz"). When some pins show up, you can see the behavior I'm
describing.

My question is how can I get the click and mouseover behavior to work
the way a user would expect it to?

I have been testing with Firefox 3.5.2 and Safari 4.0.2. (There is
something else that doesn't work in Explorer, so I wouldn't expect
much right now by going to these links using Explorer.)

Also, I modified the default pin icon to create these pins. This may
have something to do with it, but I am not sure. The code for that is
near line 38 of the html file.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to