Leaflet/Mapbox渲染问题(灰色区域)

Tom*_* B. 3 markerclusterer leaflet mapbox

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

但是第一眼看,有一部分缺失了.我以前在网上看到过这么多,但从来没有想过如何解决它到现在为止.

这是一个使用MarkerClusterGroup进行聚类的简单Mapbox映射.

这是截图和页面链接: 在此输入图像描述

http://vinpin.com/map

所以我想知道,这种行为是否有任何简单的修复方法?

如果需要,我可以添加代码段.

感谢,并有一个愉快的一天!

Mar*_*ski 7

自初始化以来,地图元素大小似乎已更改,并且您没有使其无效.

您是否更改了可见性(例如display: none样式),位置(例如,position: absoluteposition: fixed类似于词缀),或动态删除任何HTML元素(使用JS)?也许,你正在以错误的顺序加载资源并且样式加载后leaflet.js?或者,也许你改变了边距或填充?这些操作可以隐式地更改其他元素的大小,并且Leaflet小程序仅为其旧大小覆盖的区域加载切片.但是,它会在此"灰色"区域中正确显示已加载的图块,因此您可以向上滚动,然后填充底部的灰色空间.

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