Arrêter la propagation d'un événement dans le menu de superposition de JavaScript vers la carte Google

Question

J'ai créé des boutons d'édition et des boutons dans Google OverlayView sur Google Maps en JavaScript. Chaque fois que je clique sur un bouton, editBox ou n'importe où sur overlayView, Google map accepte également ces événements souris. Comment puis-je limiter les événements de la souris pour qu'ils ne puissent pas se propager via overlayView? Pour les boutons, j'utilise la méthode suivante, mais je ne veux pas mettre la même chose partout pour tous. Y a-t-il un autre moyen logique?

Answer 1

J'ai ajouté div dans overlayView et j'y ai arrêté la propagation de la souris.

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(); 
});