html - AGM map 填充容器

Question

我正在使用 angular2 和谷歌地图组件 https://angular-maps.com/ .我试图解决的问题是我需要 map 填充我的容器 div，例如:

<div id="container" style="height:100%; width: 100%">
<agm-map></agm-map>
<div>

(当然我没有使用样式，而是使用了 css，这只是示例)

我希望 agm-map 填充容器 div，无论其高度或宽度如何，始终将其填满。当 agm map 只需要 px 和 vh 高度时，我无法解决它。

调整大小和责任也会很棒。

Answer 1

我不能说得太详细，但是我公司有这样的html

<div fxFlex="100" class="map-full-card-content">
  <agm-map [fitBounds]="latlngBounds"></agm-map>
</div>

带有一个 .scss 文件

.map-full-card-content {
  height: 100% !important;
  width: 100%;
  margin: 0;

  agm-map {
    height: calc(100% - 12px) !important;
    width: 100%;
  }
}

它似乎可以很好地填充容器和调整大小。