Polymerのアイコン属性<google-map-marker>が機能しない

Question

繰り返し（dom-repeat）セクションでは、バスアイコンの代わりにデフォルトの赤いマーカーが表示されます。

2番目の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をチェックすると、Stringではなく、プロパティタイプがObjectに変更されています。つまり、値は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へのリンク。