Wie ordne ich das Event für die Openlayer 3-Karte richtig ein?

Question

Ich habe eine Karte mit einigen Overlays (DIVs mit einem Textinhalt) darauf. Ich habe "Klick" -Event für die Karte wie registriert:

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

Es funktioniert gut, bis ein Benutzer auf ein Overlay klicken. In diesem Fall wird das Ereignis wahrscheinlich vom Overlay abgefangen, es wird jedoch nicht auf die Karte übertragen. Für einige Situationen ist es in Ordnung, aber manchmal muss das Ereignis von der Karte gehandhabt werden. Also fange ich das Click-Ereignis auf dem Overlay und ich versuche, es nicht senden an das Kartenelement durch

map.dispatchEvent("click"); 

Die gute Sache ist, wird das Ereignis auf der Karte gebrannt, leider ist es „anders“ Objekt, als originaly als Es enthält kein "Koordinaten" -Attribut und andere Openlayer-Sachen. Gibt es eine Möglichkeit, das Ereignis auf die gleiche Weise zu versenden wie ein natürlicher Klick auf die Karte?

Answer 1

Sie können mit diesem erreichen:

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

Oder einfach:

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