javascript - 如何防止通过弹出窗口点击功能？

Question

我需要在单击矢量图层的特征时打开一个弹出窗口。我用了Vector Icon Example作为起点。我的问题是，当弹出窗口覆盖某个功能时，您仍然可以单击它(Fiddle-Demo:单击下面的点，您可以通过弹出窗口单击上面的点)。如何防止这种行为？

相关代码:

map.on('click', function(evt) {
    var element = popup.getElement();
    $(element).popover({
    "placement": "top",
    "html": true
}); 
var popover = $(element).data("bs.popover");
var feature = map.forEachFeatureAtPixel(evt.pixel, function(feature, layer) {
    return feature;
});
if (feature) {
    popup.setPosition(feature.getGeometry().getCoordinates());
    popover.options.content = feature.get("name");
    $(element).popover('show');
} else {
    $(element).popover('destroy');
}
});

Answer 1

将 stopEvent: true 设置为您的 ol.Overlay 对象，如下所示:

var popup = new ol.Overlay({
  element: element,
  positioning: 'bottom-center',
  stopEvent: true
});

查看您的updated Fiddle demo .