在地图拖动后将焦点保持在画布图层上

Question

我有一个来自leaflet-canvas-markers的L.canvasMarker

在使用Leaflet-Geoman的编辑模式下，我可以毫不费力地移动标记。但是，如果我拖动地图，然后尝试拖动标记，它不起作用(它失去了焦点)。为了能够再次拖动它，我必须首先单击它，然后我可以再次正常拖动它。

我尝试解决这个问题的方法是获取标记的DOM元素，然后触发focus()事件。但我不知道如何访问一个小叶层DOM元素。

我尝试修复以下内容：

map.on('moveend', function(e) { 
    marker.getContainer() //getContainer does not work on layer
    marker.getContainer().setAttribute('tabindex', '0')
    marker.getContainer().focus()
    })

同样，从leaflet-geoman中捕捉也不起作用，但我想必须改变捕捉计算才能起作用。这是一个完全独立的问题。

这里有一个小把戏:移动标记->拖动地图->再次尝试移动标记。

https://jsfiddle.net/nkmtLdc5/

Answer 1

这是leaflet v1.6.0的一个问题，只是在chrome中不起作用。

当您将单张更新到v1.7.1时，它就可以工作了。

将您的leaflet.js cdn url替换为：https://unpkg.com/leaflet@1.7.1/dist/leaflet.js