google-maps - google-maps web 组件显示空白

Question

我在 Polymer 中使用了 google-maps 网络组件并按照示例进行操作：

<google-map latitude="7.1907"
                longitude="125.4553"
                api-key="{{apiKey}}"
                on-google-map-ready="mapReady"></google-map>

风格：

google-map {
  width: 100%;
  height: 200px;
  display: block;
}

但它显示如下：

我尝试使用响应能力，每次屏幕更改地图加载时，有什么想法或解决方案吗？谢谢

Answer 1

现在得到了解决方案。resize()根据文档，我使用了 google-map 组件方法：

显式调整地图大小，更新其中心。如果地图在您取消隐藏后不显示，这很有用。

我从不隐藏地图，但我使用了铁页（所以它确实隐藏了地图）并且第一次调用了 map-ready 函数但是放置地图的页面当前隐藏在当前点（这就是为什么它不会显示任何东西）。所以我尝试在铁页显示地图所在的页面后刷新地图。