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

访问Polymer dom-repeat模板中的元素

2 个答案: