title: Angular 4 - Google map height fill remaining space
body: <p>I am using <a href="https://github.com/SebastianM/angular-google-maps" rel="noreferrer">https://github.com/SebastianM/angular-google-maps</a> in my angular 4 application.</p>
  
  <p>I must specify map height in CSS, like this, otherwise, map won't show:</p>
  
  <pre><code>agm-map {
    height: 300px;
  }
  </code></pre>
  
  <p>Is it possible for <code>&lt;agm-map&gt;</code> to fill remaining space in parent container? </p>
  
  <p>PS: i would prefer solution using <a href="https://github.com/angular/flex-layout" rel="noreferrer">https://github.com/angular/flex-layout</a></p>