Leaflet.js绘制控件不能在整个地图窗口区域上移动

Question

我正在使用 _____________________________ |xxxxxxx | |xxxxxxx | |xxxxxxx | |xxxxxxx | |xxxxxxx | |xxxxxxx | | | | | |_____________________________| 绘制控件在地图上制作标记和多边形。

当我选择绘制控件来放置标记或多边形时，它按照我预期的大约80％的地图窗口跟随鼠标，但是绘图控件无法访问左上角的大块地图窗口

此图显示地图，x显示区域是绘图控件无法进入的位置。绘图控件位于窗口的右下角。

.button {
  display: inline-block;
  padding: 10px 20px;
  background: yellow;
  text-align: center;
}

.button-text {
  line-height: 30px;
  transform: scale(0.7, 1);
  white-space: nowrap;
}

任何想法可能会在这里发生什么？

Answer 1

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

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

我能够使用名为div的Chrome扩展程序快速识别有问题的Div Density。

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

我肯定会在将来使用此扩展来帮助开发和调试！