使用 CircleMarker 的传单支持更大的点击半径
Leaflet support for larger click radius with CircleMarker
Leaflet 是否支持允许创建的 CircleMarker 半径为 5 的方法,但允许来自对点击事件敏感的标记的 lat/lng 的半径(显示绑定弹出窗口)比如说,15 岁?
我目前创建了第二个更大的不透明度为 0 的圆圈来实现此目的,但如果它存在,我想要一个 "cleaner" 解决方案。
Leaflet 没有您正在寻找的点击容忍度选项。它使用 DOM 元素作为标记,并使用常规事件处理来捕获点击事件。
您添加透明圆圈或边框的方法是合理的,如果我处于您的位置,我可能会使用这种方法。请记住,在较高的缩放级别下,标记周围 10 个额外的像素很重要,如果标记靠近或重叠,可能会使用户产生意想不到的行为。
自传单 version 1.3.0, a tolerance
可以指定为Renderer
。 属性 定义“在地图上 path/object 周围扩展点击容差的程度”:
var map = L.map('map', {
renderer: L.canvas({ tolerance: 15 })
});
Leaflet 是否支持允许创建的 CircleMarker 半径为 5 的方法,但允许来自对点击事件敏感的标记的 lat/lng 的半径(显示绑定弹出窗口)比如说,15 岁?
我目前创建了第二个更大的不透明度为 0 的圆圈来实现此目的,但如果它存在,我想要一个 "cleaner" 解决方案。
Leaflet 没有您正在寻找的点击容忍度选项。它使用 DOM 元素作为标记,并使用常规事件处理来捕获点击事件。
您添加透明圆圈或边框的方法是合理的,如果我处于您的位置,我可能会使用这种方法。请记住,在较高的缩放级别下,标记周围 10 个额外的像素很重要,如果标记靠近或重叠,可能会使用户产生意想不到的行为。
自传单 version 1.3.0, a tolerance
可以指定为Renderer
。 属性 定义“在地图上 path/object 周围扩展点击容差的程度”:
var map = L.map('map', {
renderer: L.canvas({ tolerance: 15 })
});