OL3 中可点击的地图覆盖?
Clickable map overlay in OL3?
我有一个地图叠加层,当用户导航到他们搜索的 属性 时,它会通过其元素参数显示房屋的图像。
问题是我有一个搜索工具,它允许用户根据地图点击来搜索地图;当用户找到他们的 属性 时,他们点击房屋图像,但它不会激活搜索,因为图像阻止了地图点击选项。
有什么办法可以让用户通过图片点击地图?这是用 CSS 完成的还是我可以设置的覆盖元素的参数/属性允许这样做?
向您的 DOM(覆盖)元素添加点击侦听器:
overlay_element.addEventListener('click', function(){
// call your search function
});
在重新阅读 Openlayers 示例时,有一个选项可以停止事件传播,所以我将其设置为 false,它允许我通过叠加标记图像查询地图。
我有一个地图叠加层,当用户导航到他们搜索的 属性 时,它会通过其元素参数显示房屋的图像。
问题是我有一个搜索工具,它允许用户根据地图点击来搜索地图;当用户找到他们的 属性 时,他们点击房屋图像,但它不会激活搜索,因为图像阻止了地图点击选项。
有什么办法可以让用户通过图片点击地图?这是用 CSS 完成的还是我可以设置的覆盖元素的参数/属性允许这样做?
向您的 DOM(覆盖)元素添加点击侦听器:
overlay_element.addEventListener('click', function(){
// call your search function
});
在重新阅读 Openlayers 示例时,有一个选项可以停止事件传播,所以我将其设置为 false,它允许我通过叠加标记图像查询地图。