GoogleマップへのJavaScriptオーバーレイメニューのイベントの伝播を停止

Question

JavaScriptのGoogleマップの上にGoogleオーバーレイビューのeditBoxとボタンを作成しました。いずれかのボタン、editBox、またはoverlayViewのどこかをクリックするたびに、Googleマップはこれらのマウスイベントも受け入れます。 overlayViewを伝播できないようにマウスイベントを制限するにはどうすればよいですか？

google.maps.event.addDomListener(gotoBtn, 'click', function(e) { 
    ///DO SOMETHING 
    e.stopPropagation(); 
}); 

ボタンの場合、私は以下の方法を使用していますが、すべてのために同じ場所に配置したくありません。他に論理的な方法はありますか？

Answer 1

overlayViewでdivを追加し、そこでマウス伝播を停止しました。

var panes = this.getPanes(); 
panes.overlayImage.appendChild(div); 

/// Code for stoping event propagation to m_map 
div.onclick = function(event) { 
    event.stopPropagation(); 
} 

google.maps.event.addDomListener(div, 'mousedown', function (event) { 
    event.cancelBubble = true; 
     if(event.stopPropogation) 
      event.stopPropagation(); 
});