[Google Maps API v3] Marker under custom popup is getting triggered

[Jack Zhang]

If I hover over a marker that is under a popup, the marker is being 
triggered.  GIF <https://i.gyazo.com/8b23722e8cf221bb318b9025aaadba90.mp4>.  
I don't want it to be triggered.

I created my popup object following this tutorial 
<https://developers.google.com/maps/documentation/javascript/examples/overlay-popup>.
  
My stopEventPropagation code is below.  The popup is attached to 
`floatPane`.

    var a = document.getElementById('popup');

    Popup.prototype.stopEventPropagation = function() {
        a.style.cursor = 'auto';

        ['dblclick', 'contextmenu', 'wheel', 'mousedown', 'pointerdown', 
'mouseover', 'mouseenter'].forEach(function(event) {
            a.addEventListener(event, function(e) {
                e.stopPropagation();
            });
        });
    };

    Popup.prototype.onAdd = function() {
        this.getPanes().floatPane.appendChild(a);
    };

-

My marker and markercluster creation code looks like this.

    marker.addListener('mouseover', function() {
        ... code that creates a popup
    }
    markerCluster.addListener('mouseover', function(cluster) {
        ... code that creates a popup
    }
    // Note I am using markerclustererplus.js, which enables 'mouseover'

I included `mouseover` in my `StopEventPropagation`, however my markers is 
still being triggered even if it is under the popup.  My markerclusters on 
the other hand, are not being triggered.

I looked further into this.  MarkerCluster and Popup both extend 
OverlayView (`google.maps.OverlayView`), whereas Marker extends MVCObject 
(`google.maps.MVCObject`).  I'm guessing this is why the marker is being 
triggered, and the markercluster isn't.

I dug around more but couldn't get more information comparing MVCObject and 
OverlayView.  The Reference 
<https://developers.google.com/maps/documentation/javascript/3.exp/reference> 
doesn't provide info comparing these 2 objects, so I'm stuck.

Any pointers to how I should go about solving this problem?

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps JavaScript API v3" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to google-maps-js-api-v3+unsubscr...@googlegroups.com.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
Visit this group at https://groups.google.com/group/google-maps-js-api-v3.
For more options, visit https://groups.google.com/d/optout.