AGM地图填充容器

Question

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

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

(当然，我不是使用样式，而是使用css，这只是一个例子)

我想让那张地图填满集装箱，不管他有多高或多宽，都要把它填满。在、px、和vh中，当agm地图只需要高度时，我无法解决它。

此外，调整大小和承担责任将是令人敬畏的。

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%;
  }
}

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