`google-map-marker-close` event gets fired on map load for all the markers.

[Baljeet Bhinder]

<google-map id='xxx' latitude="xx.xxxx" longitude="xx.xxxx" api-key="xxxx" 
fit-to-markers disable-map-type-control disable-default-ui draggable="true" zoom="13">

        <template is="dom-repeat" items=[[map_markers]]>

            <google-map-marker latitude="[[item.lat]]" longitude="[[item.long]]" class="desktopMapMarker"
            animation="DROP" icon="[[item.icon]].png" on-google-map-marker-click="_markerClicked" click-events

            on-google-map-marker-close="_markerClosed">

                markerId: [[index]]

            </google-map-marker>
        </template>
</google-map>

_markerClosed: function (e){
    console.log('marker close')
}

I have this google map on a page with markers getting loaded dynamicly. but there is a problem that every time markers gets loaded/updated _markerClosed is getting triggered.

I am pretty new to web components, So is there anything what I am doing wrong here that causes the trigger?