无法获取 google-map 标记进行渲染(Polymer 2.0)

Can't get google-map marker to render (Polymer 2.0)

我似乎无法在我的元素中显示 google-map-marker。

这是我得到的:

View.html

<link rel="import" href="../bower_components/google-map/google-map.html">
<link rel="import" href="../bower_components/google-map/google-map-marker.html">
<link rel="import" href="../bower_components/google-map/google-map-directions.html">
<link rel="import" href="../bower_components/google-map/google-map-poly.html">

<google-map fit-to-marker disable-default-ui api-key="****" zoom="8" latitude="57.1071180" longitude="12.2520910">
    <google-map-marker latitude="57.1071180" longitude="12.2520910">
         <p>test Div</p> 
    </google-map-marker>
</google-map>

我只包含了 google 地图特定的内容。

google-map web组件的版本是1.2.0

现在,这是我得到的:

这就是开发者工具的功能:

任何关于它为什么不呈现的帮助或想法将不胜感激

请检查 因为我已经解决了这个问题。有什么不明白的地方,欢迎再问。 这里还有 source 我的解决方案

尽可能简单; google-map 和 google-map-marker.

都需要 2 个小改动
  1. 在两个元素(google-mapgoogle-map-marker ) shown as
  2. 将样式标签移入 template
  3. 之后