我有一个使用Angular和Bootstrap手风琴的项目。 当用户点击面板时,折叠面板将显示一个OpenStreet地图,但由于某种原因地图没有显示。
https://stackblitz.com/edit/angular-jdbzhe
如果我将行为更改为始终显示面板,例如:class="collapse show",那么地图会正确初始化。实现https://getbootstrap.com/docs/4.1/components/collapse/。
我有一个使用Angular和Bootstrap手风琴的项目。 当用户点击面板时,折叠面板将显示一个OpenStreet地图,但由于某种原因地图没有显示。
https://stackblitz.com/edit/angular-jdbzhe
如果我将行为更改为始终显示面板,例如:class="collapse show",那么地图会正确初始化。this.map.updateSize();
来根据其容器大小更新地图大小。如何和何时调用取决于您 - 在当前实现中,我建议尝试监听 app-map 组件的样式更改。