GoogleWebComponents / google-map

Google Maps web components

Home Page:https://elements.polymer-project.org/elements/google-map

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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!