Comment distribuer correctement l'événement pour la carte Openlayer 3?

Question

J'ai une carte avec quelques superpositions (DIVs avec un contenu de texte) dessus. J'ai "clic" événement enregistré pour la carte comme:

map.on('click', function(evt) { 
    var click_coordinates = evt.coordinate; 
}); 

Cela fonctionne très bien jusqu'à ce qu'un utilisateur clique sur une superposition. Dans ce cas, l'événement est probablement intercepté par l'Overlay, mais il n'est pas propagé sur la carte. C'est OK pour certaines situations, mais parfois j'ai besoin que l'événement soit géré par la carte. Donc, je prends l'événement click sur le recouvrement et j'essayer ne l'envoyer à l'élément de carte par

map.dispatchEvent("click"); 

La bonne chose est, l'événement sur la carte est tiré, malheureusement, il est l'objet « différent », que originaly comme il ne contient aucun attribut "coordonnée" et d'autres éléments Openlayers. Existe-t-il un moyen, comment répartir l'événement de la même manière que cliquer sur la carte?

Answer 1

Vous pouvez réaliser avec ceci:

// content is ol.Overlay#element therefore a DOM element 
content.addEventListener('click', function(evt){ 
    map.dispatchEvent(evt); 
}); 

map.on('click', function(evt){ 
    var pixel = [evt.clientX, evt.clientY]; 
    var coord = map.getCoordinateFromPixel(pixel); 

    console.info('event', evt); 
    console.info('pixel', pixel); 
    console.info('coord', coord); 
}); 

Ou simplement:

content.addEventListener('click', function(evt){ 
    var pixel = [evt.clientX, evt.clientY]; 
    var coord = map.getCoordinateFromPixel(pixel); 

    console.info('event', evt); 
    console.info('pixel', pixel); 
    console.info('coord', coord); 
});