由于某种原因，我的地图上有一个很大的灰色区域，直到我移动它才出现。
但乍一看，少了一部分。我以前在网上看到过很多这样的问题，但直到现在才想知道如何解决它。
这是一个使用 MarkerClusterGroup 集群的简单 Mapbox 地图。
以下是屏幕截图和页面链接：
所以我想知道，对于这种行为有什么简单的已知解决方法吗？
如果需要，我可以添加代码 sn-ps。
谢谢，祝你有美好的一天！
【问题讨论】：
标签： leaflet markerclusterer mapbox
似乎地图元素的大小自初始化以来发生了变化，而您并没有使其无效。
您是否更改了可见性（例如display: none 样式）、位置（例如position: absolute 或position: fixed，如在词缀中），或动态删除了任何HTML 元素（使用JS）？也许，您以错误的顺序加载资源并且在leaflet.js 之后加载样式？或者，也许您更改了边距或填充？此类操作可以隐式更改其他元素的大小，Leaflet 小程序仅加载其旧大小覆盖的区域的图块。不过，它会在这个“灰色”区域正确显示已加载的图块，因此您可以向上滚动，然后底部的灰色空间将被填充。
如果是这种情况，您应该在 Leaflet 地图对象上执行invalidateSize() 方法。
【讨论】：