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僅允許每個地圖的尺寸​​失效，因此您將非常需要按照說明進行操作。