Как правильно отправить событие для карты Openlayer 3?

Question

У меня есть карта с некоторыми надписями (DIVs с текстовым контентом). У меня зарегистрировано событие «click» для этой карты:

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

Он отлично работает, пока пользователь не нажмет наложение. В этом случае событие, вероятно, захватывает Overlay, но оно не распространяется на карту. Это нормально для некоторых ситуаций, но иногда мне нужно, чтобы событие обрабатывалось с помощью карты. Поэтому я поймать событие щелчка на Overlay, и я стараюсь делать отправить его на элемент карты по

map.dispatchEvent("click"); 

Хорошая вещь, событие на карте обжигают, к сожалению, это «другой» объект, чем изначально, как он не содержит атрибута «координат» и других материалов Openlayers. Есть ли способ, как отправить событие так же, как естественный щелчок на карте?

Answer 1

Вы можете достичь с этим:

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

Или просто:

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