Google maps 刷新隐藏组件上Angular 2上的Google地图

这是我的问题：隐藏div中的贴图不会显示

可能的解决办法：

<div [hidden]="!showMap">
    <sebm-google-map #myMap></sebm-google-map>
</div>
<button (click)="showMap = true; myMap.triggerResize()">resize</button>

调整大小

---

这可以使用一个简单的1变量，在我的例子中，我动态创建了theses div，因此我无法如此轻松地指向#myMap

这是用于在所有

元素上调用

triggerResize（）

：

调整大小

@ViewChildren（'myMap'）ViewChildren:QueryList；
doTriggerResize（）{
this.viewChildren.toArray（）.forEach（（e）{
e、 triggerResize（）；
});
}

这是关于在使用

*ngFor

创建的一组元素的一个特定

上调用

myMap.triggerResize（）

？我不知道angular 2，但可能有一个与ng类等效的类。创建一个新类，该类具有

可见性：隐藏；位置：绝对位置；z指数：-100，并使用ng类添加或删除它。我的想法是，如果你使用Visibly:hidden。它可能会起作用，因为它仍然可以渲染div。如果不起作用，您也可以尝试
opacity:0
。另一件事是让它显示在其他所有东西的后面，这样它看起来就不在那里了。是由*NGFOR创建的，您想对所有这些按钮调用
triggerResize（）
，还是一次只调用一个特定的按钮？按钮是动态创建的，表示手风琴的标题。因此，单击后，将显示一个隐藏的div及其嵌套贴图。一次应刷新1个映射