街景占位符在这里，但街景小人不见了

Question

我已经集成了 googlemaps api，但街景小白方块（右下角）中缺少街景小人

我注意到一些在 googlemaps 代码中保存街景小人图标的 div 的高度和宽度等于 0px 我该怎么做才能解决这个问题？

这是我如何调用和启动我的地图的示例

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

这是我的地图组件：

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

css.js 看起来像

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

以及我如何创建它：

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

Answer 1

我遇到了同样的问题并用一些 CSS 解决了它：

/* Force position to show pegman */
.gm-svpc div img {
    position: relative !important;
}

Answer 2

固定包装纸的高度解决了同样的错误

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