Googleマップのカスタムオーバーレイをマーカーのクリックゾーンの上にするにはどうすればよいですか？

Question

は、私はGoogleマップAPIをチェックしましたが、私はMyOverlayと呼ばれるカスタムオーバーレイを作成https://jsfiddle.net/liangyongning/cd5wbzL8/5/

ここに私のサンプルコードを確認し、floatPaneに追加し、それは私に言ったfloatPaneはoverlayMouseTarget

を超えています
• overlayMouseTargetには、マーカーの透明ターゲットなど、DOMマウスイベントを受け取る要素が含まれています。これはfloatShadowの上にあり、情報ウィンドウの影にあるマーカーをクリックできるようにします。 （ペイン5）。
• floatPaneに情報ウィンドウが含まれています。これはすべてのマップオーバーレイです。 （ペイン6）。

出典：https://developers.google.com/maps/documentation/javascript/customoverlays#initialize

しかし、このオーバーレイの背後にあるマーカーもそれに情報ウィンドウカバー場合、クリック可能です。

27行目のオーバーレイを削除すると、すべて正常に動作します。

// var overlay = new MyOverlay(map); 

私のカスタムオーバーレイには何が問題なのですか？どのようにマーカーのクリックゾーンの上にそれを作る？

Answer 1

私は答えを見つけました。自分のカスタムオーバーレイでいくつかのマウスイベントを無効にする必要があります。 https://jsfiddle.net/liangyongning/cd5wbzL8/7/

参考：Prevent google overlay/infowindow from allowing clicks through to markers underneath

ここ

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

コードです