Html 从角度谷歌地图到另一个组件的布线

我正在构建一个应用程序，它有一个角度谷歌地图和一个按钮，以这种方式加载根组件：

app.component.html

算计

app.component.css

#地图{
顶部：0；左侧：0；
位置：绝对位置；
身高：100%；
宽度：100%；
边距：0；填充：0；
}

该按钮具有到/计算的路径，单击该路径时，将用户带到新组件。谷歌地图使用position:absolute占据整个页面空间。但是，当我单击“计算”按钮时，新组件会加载到google地图后面（路由正常工作），用户看不见它

---

我试图路由到的组件没有任何css，html只是文本。在这种情况下，有没有一种简单的方法可以将组件加载到Google maps的顶部？

您正在给widht&height 100%尝试将其高度降低20%或50%…在新页面中，您希望在页面顶部看到Google maps，并在Google maps下面的新组件（单击“计算”按钮后）上看到Google maps？？？你能提供任何stackblitz吗？？？不，新页面不应该显示任何google地图，只显示新页面。谷歌地图将有一个“计算”按钮，将导致这个新的页面，而不显示任何地图。我将尝试添加我所拥有的stackblitz，然后您可以根据路线使用*ngIf on div（#MapContainer）？此链接可能会有帮助，您的问题解决了吗？？有什么闪电战吗？？？