Streetview placeholder is here, but Pegman is missing

I've integrate the googlemaps api but Pegman is missing from the streetview little white square (bottom right)

I've notice that some div that hold the pegman icon in googlemaps code have height and width equal at 0px what can I do to fix that ?

Here's a sample of how I called and initiate my map

  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY"></script>

Here's my map component :

<div class="map-box" id="map" #map></div>

with css.js looking like

.map-box {
    height: 100%;
    width: 100%;
}

and how I create it :

    var ownPos = {lat: -4.85, lng: 2.35};
    this.mapDisplay = new google.maps.Map(document.getElementById('map'), {zoom: 4, center: ownPos, streetViewControl: true});

fixing of wrappers' height solved the same bug

agm-map {
  height: 425px;
  & /deep/ .gm-svpc { //dispayed pegman's icon on map
    div {
      height: 40px;
    }
  }
}