leaflet - Leaflet / Mapbox 渲染问题（灰色区域）

Question

出于某种原因，我的地图上有一个很大的灰色区域，直到我移动它使它出现。

但乍一看，少了一部分。我以前在网上看到过很多这种情况，但直到现在才想知道如何解决它。

这是一个使用 MarkerClusterGroup 集群的简单 Mapbox 地图。

这是屏幕截图和页面链接：

http://vinpin.com/map

所以我想知道，对于这种行为有什么简单的已知解决方法吗？

如果需要，我可以添加代码片段。

感谢，并有一个愉快的一天！

Answer 1

自初始化以来，地图元素的大小似乎发生了变化，您并没有使其无效。

您是否更改了可见性（例如display: none样式）、位置（例如position: absolute或position: fixed在词缀中的类似），或动态删除了任何 HTML 元素（使用 JS）？也许，您以错误的顺序加载资源并且样式是在leaflet.js?之后加载的。或者，也许您更改了边距或填充？此类操作可以隐式更改其他元素的大小，Leaflet 小程序仅加载其旧大小覆盖的区域的图块。不过，它会在这个“灰色”区域正确显示已加载的图块，因此您可以向上滚动，然后底部的灰色空间将被填充。

如果是这种情况，您应该invalidateSize()在 Leaflet 地图对象上执行方法。