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

【问题标题】：Streetview placeholder is here, but Pegman is missing街景占位符在这里，但街景小人不见了
【发布时间】：2019-07-29 09:43:07
【问题描述】：

我已经集成了 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});

【问题讨论】：

可能是 CSS 问题。请提供一个 minimal reproducible example 来证明您的问题。
这非常少，但它不允许我重现您的问题（并且您没有包含任何必需的 CSS（这可能是问题所在））
@geocodezip 在这里我添加了 CSS 甚至是我调用 API 的 index.html，这就是我所做的一切，（除了在单击按钮时放置标记之外）仅此而已......是的...
正如我所说，发布的代码不会重现您的问题。它至少缺少这个：html, body { height: 100%; width: 100%; padding: 0px; margin: 0px; } 来显示地图；当我添加它时，它会显示地图和街景小人。 (fiddle)。因此，虽然它可能很小，但它并不完整（并且您没有验证它是否重现了问题）
'/deep/' 自 2017 年起已弃用。我遇到了同样的问题，解决方案仍然在街景小人的位置留下了一个空白的白色方块。有没有不使用'/deep/'的解决方案？

标签： google-maps google-street-view

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：