Polymer dom-repeat模板中的訪問元素

Question

我正在嘗試訪問在dom-repeat模板中創建的元素，以便可以以編程方式對其進行修改。

<google-map id="map">
    <template is="dom-repeat" id="markers" items="{{items}}">
        <google-map-marker latitude="item.latitude" longitude="item.longitude">
        </google-map-marker>
    </template>
</google-map>

我可以做些什么來在模板中獲取一組google-map-markers？ 我在文檔的任何地方都找不到解決此問題的方法。

Answer 1

我最終以編程方式創建和插入標記。

HTML：

<google-map id="map">
</google-map>

JavaScript：

for (var i=0; i<this.items.length; i++) {
    var marker = document.createElement('google-map-marker');
    marker.latitude = this.items[i].latitude;
    marker.longitude = this.items[i].longitude;
    //any additional operations that are needed
    Polymer.dom(this.$.map).appendChild(marker);
}

Answer 2

根據文檔： https : //elements.polymer-project.org/elements/google-map

markers屬性會返回地圖上的只讀數組。