Question

在重复（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

Answer 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问题的链接。

Polymer <google-map-marker>中的图标属性无效

1 个答案: