我有以下使用Bootstap手风琴的Angular项目。当用户单击面板时，折叠面板将显示一个openstreet地图，但由于某些原因该地图未显示
https://stackblitz.com/edit/angular-jdbzhe
如果我将行为更改为始终显示面板，例如：class =“ collapse show”，则说明地图已正确初始化
我不熟悉用于地图的库，但是由于您没有在任何地方指定大小，我认为它会自动调整地图元素的大小以适合指定的角色。
由于容器的父级设置为显示：“ collapse”类未设置，因此未设置宽度和高度，这意味着地图很可能具有0的宽度和0的高度。
我迅速检查了OL文档，看来您可以使用this.map.updateSize();根据其容器大小来更新地图大小。如何以及何时调用它取决于您-在当前的实现方式中，我想说的是尝试听听您的app-map组件上的样式更改。
一个侧面建议-而不是使用“经典”引导程序，请尝试使用一种对角度更友好的框架，该框架将为您提供事件和方法，从长远来看，使使用代码更加容易。