ng ngRepeat + map.invalidateSize（）的传单指令问题

Question

我有一个页面根据异步调用生成一系列地图。 首次加载地图时，它们会丢失图块，如下图所示。

我可以通过调用map.invalidateSize()来重新绘制每个中的图块来解决此问题。 目前，我在加载时创建8，其余的通过Angular指令分页。 切换到任何其他8或来回切换将“修复”前8个。

由于这前8个是ngRepeat ，因此它们都具有相同的ID。 从理论上讲，我可以将索引或其他一些字符串修改添加到8张地图的每张ID中，并创建以下代码循环以在每张地图上运行map.invalidateSize() ，但这看起来像是回旋处，总体而言效果不佳解决问题。 有谁有更好的建议？

leafletData.getMap('leafletMap-trips').then(function(map) {
    setTimeout(function () { map.invalidateSize() });
});

Answer 1

事实上，不。 传单API仅允许每个地图的尺寸​​失效，因此您将非常需要按照说明进行操作。