Markers behind infobox on mouseover

797 views
Skip to first unread message

jhicks

unread,
Dec 21, 2011, 3:20:16 PM12/21/11
to google-maps-utility-library-v3
I'm trying to accomplish exactly what this person on stackoverlow has
described:

http://stackoverflow.com/questions/7691088/when-a-marker-lies-behind-open-infobox-event-mouseover-with-infobox-plugin-goo

Anybody have an idea? Oddly, when using the click event for the marker
this problem doesn't appear, only on mouseover.

GeoffSchultz

unread,
Dec 21, 2011, 8:33:39 PM12/21/11
to google-maps-utility-library-v3


On Dec 21, 3:20 pm, jhicks <jeremy.hi...@gmail.com> wrote:
> I'm trying to accomplish exactly what this person on stackoverlow has
> described:
>
> http://stackoverflow.com/questions/7691088/when-a-marker-lies-behind-...
>
> Anybody have an idea? Oddly, when using the click event for the marker
> this problem doesn't appear, only on mouseover.

Get the latest version of InfoBox which was released yesterday.

jhicks

unread,
Dec 22, 2011, 10:42:10 AM12/22/11
to google-maps-utility-library-v3
Awesome! Seems to have fixed the problem. Great timing!

However, now I have another problem that started when I switched to
the updated code: I'm using the markerclusterer library as well and
now my infobox div on hover for that is no longer scrollable. I've got
two jquery live events that should be handling the situation but they
no longer get triggered.

$(".popup-container").live("mouseenter", function() {
console.log('mouseenter');
map.setOptions({scrollwheel: false});
});
$(".popup-container").live("mouseleave", function() {
map.setOptions({scrollwheel: true});
});

I never see the "mouseenter" text written to the console on mouseenter
of the div with class "popup-container".

GeoffSchultz

unread,
Dec 23, 2011, 6:56:10 AM12/23/11
to google-maps-utility-library-v3
Don't you want "mouseover" and "mouseout"? Not "mouseenter" and
"mouseleave".

-- Geoff

jhicks

unread,
Dec 29, 2011, 9:36:00 AM12/29/11
to google-maps-utility-library-v3
This explains why I'm using mousenter/mouseleave instead of mouseover/
mouseout - nested divs:

http://www.bennadel.com/blog/1805-jQuery-Events-MouseOver-MouseOut-vs-MouseEnter-MouseLeave.htm

jhicks

unread,
Dec 29, 2011, 10:05:52 AM12/29/11
to google-maps-utility-library-v3
I set enableEventPropagation to true and the events started working.

On Dec 29, 7:36 am, jhicks <jeremy.hi...@gmail.com> wrote:
> This explains why I'm using mousenter/mouseleave instead of mouseover/
> mouseout - nested divs:
>
> http://www.bennadel.com/blog/1805-jQuery-Events-MouseOver-MouseOut-vs...

jhicks

unread,
Dec 29, 2011, 1:27:57 PM12/29/11
to google-maps-utility-library-v3
However, setting enableEventPropagation to true causes the markers to
"shine through" the infobox popup - meaning when the mouse then hovers
over a regular marker that is under the infobox, it causes the popup
to go away and for a new popup to appear for the other marker.
Frustrating...

Gary Little

unread,
Dec 30, 2011, 2:46:26 AM12/30/11
to google-maps-utility-library-v3
This "shining through" problem is a Google bug. See
http://code.google.com/p/gmaps-api-issues/issues/detail?id=3573

Gary

jhicks

unread,
Jan 3, 2012, 1:56:35 PM1/3/12
to google-maps-utility-library-v3
Ahh, good to know. Is there a way to get the mouseenter and mouseleave
events to still be able to fire when having eventPropagation turned
off? My popup has information in it that I want to be able to scroll.
My guess is jQuery's implementation of mouseenter/mouseleave use
mouseover/mouseout under the covers along with some additional logic.

On Dec 30 2011, 12:46 am, Gary Little <g...@luxcentral.com> wrote:
> This "shining through" problem is a Google bug. Seehttp://code.google.com/p/gmaps-api-issues/issues/detail?id=3573

Gary Little

unread,
Feb 21, 2012, 2:46:06 AM2/21/12
to google-maps-utility-library-v3
This bug has now been fixed by Google.

On Dec 29 2011, 11:46 pm, Gary Little <g...@luxcentral.com> wrote:
> This "shining through" problem is a Google bug. Seehttp://code.google.com/p/gmaps-api-issues/issues/detail?id=3573
Reply all
Reply to author
Forward
0 new messages