没有显示 map 的 Angular 8 Accordion

Question

我有以下使用 bootstap Accordion 的 Angular 项目。当用户点击面板时，折叠面板会显示 openstreet map ，但由于某种原因 map 没有显示

https://stackblitz.com/edit/angular-jdbzhe

如果我将行为更改为始终显示面板，如下所示:class="collapse show"则 map 已正确初始化

实现 https://getbootstrap.com/docs/4.1/components/collapse/

Answer 1

问题来自于它在应该渲染 Canvas 的区域上有一个 display: none;。

在展开 Accordion 后，向其添加 map.updateSize()!

看看这个working StackBlitz edit我做到了。