Wie wird das benutzerdefinierte Google Maps-Overlay über der Klickzone des Markers platziert?

Question

Überprüfen Sie mein Beispielcode hier https://jsfiddle.net/liangyongning/cd5wbzL8/5/

ich erstellen Sie eine benutzerdefinierte Overlay MyOverlay genannt, und fügen Sie es floatPane, ich habe API Google Maps überprüfen, es hat mir gesagt, die floatPane über dem overlayMouseTarget

• overlayMouseTarget enthält Elemente, die DOM-Mausereignisse empfangen, z. B. transparente Ziele für Markierungen. Es befindet sich über dem floatShadow, so dass Markierungen im Schatten des Info-Fensters angeklickt werden können. (Bereich 5).
• floatPane enthält das Infofenster. Es sind vor allem Kartenüberlagerungen. (Fenster 6)

Quelle: https://developers.google.com/maps/documentation/javascript/customoverlays#initialize

Aber die Markierung hinter dieser Überlagerung ist anklickbar, auch wenn ein Infofenster Deckel drauf.

Wenn ich das Overlay in Zeile 27 entfernen, funktioniert alles einwandfrei.

// var overlay = new MyOverlay(map); 

Was ist falsch mit meinem benutzerdefinierten Overlay? Wie schafft man es über allen Klickzonen des Markers?

Answer 1

Okay, ich habe die Antwort gefunden, ich muss einige Mausereignisse auf meinem benutzerdefinierten Overlay deaktivieren.

google.maps.event.addDomListener(this._div, 'click', function (e) { 
    e.cancelBubble = true; 
    e.stopPropagation && e.stopPropagation(); 
}) 

Hier ist der Code: https://jsfiddle.net/liangyongning/cd5wbzL8/7/

Referenz: Prevent google overlay/infowindow from allowing clicks through to markers underneath