Polymer <google-map-marker> 中的图标属性不起作用

【问题标题】：icon attribute in Polymer <google-map-marker> not workingPolymer <google-map-marker> 中的图标属性不起作用
【发布时间】：2017-11-17 02:03:42
【问题描述】：

在重复 (dom-repeat) 部分中，默认出现红色标记而不是总线图标。

第二个 google-map-marker 标记内的 img 标记工作正常（点击时出现图标）。

<google-map latitude="45.559" longitude="-122.65" version="3.exp" zoom="12">

  <template is="dom-repeat" items="[[marker_data]]">
    <google-map-marker icon="http://maps.google.com/mapfiles/kml/shapes/bus.png"
                       latitude=[[item.lat]] longitude=[[item.lon]]  title=[[item.text]]>
    </google-map-marker>
  </template>

  <google-map-marker icon="http://maps.google.com/mapfiles/kml/shapes/bus.png"
                       latitude=45.54843 longitude=-123.60  title="arrggghhhh!!!!!">
    <img src="http://maps.google.com/mapfiles/kml/shapes/bus.png">
  </google-map-marker>

</google-map>

screen shot showing red default markers

【问题讨论】：

下载了吗？
具有相同图标的img标签标签正在工作。

标签： google-maps polymer

【解决方案1】：

问题是属性的type。如果您检查documentations，他们已将属性类型更改为Object，而不是String。这意味着该值必须采用JSON 格式。

这样的事情应该可以工作。

<google-map-marker icon='"http://maps.google.com/mapfiles/kml/shapes/bus.png"' latitude=[[item.lat]] longitude=[[item.lon]]  title=[[item.text]]>
</google-map-marker>

注意icon 属性同时使用单引号和双引号。

即使我不确定这如何解释为 JSON，但它似乎有效。

Here's 已发布解决方案的 Github 问题的链接。

【讨论】：