Leaflet.js 绘制控件无法在整个地图 window 区域移动

Question

我正在使用 Leaflet.js 绘制控件在我的地图上制作标记和多边形。

当我 select 绘制控件放置标记或多边形时，它会像预期的那样在我的地图的大约 80% window 上跟随我的鼠标，但是地图的一大片区域 window 到左上角的绘图控件无法访问。

此图显示了地图，x 显示了绘图控件无法到达的区域。绘图控件位于 window.

的右下角

 _____________________________
|xxxxxxx                      |
|xxxxxxx                      |
|xxxxxxx                      |
|xxxxxxx                      |
|xxxxxxx                      |
|xxxxxxx                      |
|                             |
|                             |
|_____________________________|

知道这里会发生什么吗？

Answer 1

在尝试在 JSFiddle 中复制问题的过程中，我发现了问题。

这是由于不可见的 div 覆盖了部分地图，因此挡住了传单绘制元素。

我能够使用名为 Div Density 的 chrome 扩展名快速识别违规 div。

https://chrome.google.com/webstore/detail/div-density/akhjnfacldhnbhkpmhebkfocmheaicif?hl=en

我以后肯定会使用这个扩展来帮助开发和调试！