OL3 中可点击的地图覆盖?

Clickable map overlay in OL3?

我有一个地图叠加层,当用户导航到他们搜索的 属性 时,它会通过其元素参数显示房屋的图像。

问题是我有一个搜索工具,它允许用户根据地图点击来搜索地图;当用户找到他们的 属性 时,他们点击房屋图像,但它不会激活搜索,因为图像阻止了地图点击选项。

有什么办法可以让用户通过图片点击地图?这是用 CSS 完成的还是我可以设置的覆盖元素的参数/属性允许这样做?

向您的 DOM(覆盖)元素添加点击侦听器:

overlay_element.addEventListener('click', function(){
  // call your search function
});

在重新阅读 Openlayers 示例时,有一个选项可以停止事件传播,所以我将其设置为 false,它允许我通过叠加标记图像查询地图。