goolge-map-poly does not render inside a template
adampwells opened this issue · comments
I am trying to render a set of polygons, but the google-map-poly element does not seem to render inside a template. I can use the template to loop over the points for a given polygon.
`
<!-- polygon inside <template> DOES NOT RENDER -->
<template is="dom-repeat" items="polygons">
<google-map-poly closed fill-color="red" fill-opacity=".05" stroke-weight="1" id="poly" editable="true">
<template is="dom-repeat" items="{{item.points}}" as="p">
<google-map-point latitude="{{p.lat}}" longitude="{{p.lon}}"></google-map-point>
</template>
</google-map-poly>
</template>
<!-- polygon with templated points WORKS -->
<google-map-poly closed fill-color="red" fill-opacity=".05" stroke-weight="1" editable="true">
<template is="dom-repeat" items="{{polygon.points}}" as="p">
<google-map-point latitude="{{p.lat}}" longitude="{{p.lon}}"></google-map-point>
</template>
</google-map-poly>
<!-- placemarks WORKS -->
<template is="dom-repeat" items="{{placemarks}}">
<google-map-marker id="placemark-{{index}}" latitude="{{item.lat}}" longitude="{{item.lon}}" draggable="true" drag-events hidden="{{!item.checked}}"></google-map-marker>
</template>
</google-map>
`
items="polygons"
looks suspect. Probably needs to be items="{{polygons}}"
my bad - sorry about that!