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

时间:2017-07-07 11:03:21

标签: google-maps polymer

我似乎无法在我的元素中显示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-map网络组件的版本是1.2.0

现在,这就是我得到的:

The marker should be at "varberg"

这就是开发人员工具所具备的:

enter image description here

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

1 个答案:

答案 0 :(得分:1)

请检查issue我之前已解决过这个问题。如果有任何不清楚的地方,请随时再问。 这里也是我的解决方案的source

简单地说; 您需要对google-map和google-map-marker进行2次小改动。

  1. 替换或更正两个元素slot上的google-map和     google-map-markershown as
  2. template
  3. 之后移动样式标记