Html 父div宽度更改后重新绘制角度传单贴图

我在bootstrap div中有一张传单地图：

<div class="col-xs-10 col-xs-offset-1" id="kartencol">
      <leaflet defaults="defaults" center="center" paths="meinePfade" bounds="bounds"     decorations="decorations" width="100%" height="480px" markers="markers"></leaflet>
</div>

它工作得很好，但是当我现在对贴图做一些事情，比如设置边界时，angular会对旧的贴图宽度进行设置

我如何对地图进行重画或其他处理，以让angular知道新的宽度

最好的

---

Joerg

您可以通过调用

L.Map

实例的

invalidateSize

函数来实现这一点。使用angular传单指令时，您可以通过在控制器中使用

传单数据.getMap

函数来获取地图实例：

leafletData.getMap().then(function(map) {
    map.invalidateSize();
});

以下是

invalidateSize

上的参考：

检查地图容器大小是否更改，如果更改，则更新地图-动态更改地图大小后调用它

---

首先，应该避免在Angular代码中使用jQuery。看看如何替换

toggleClass（）

。

leafletData.getMap().then(function(map) {
    map.invalidateSize();
});