聚合物dom-repeat模板中的Access元件

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属性返回地图上标记的只读数组。