Добавьте событие щелчка на всплывающем маркере карты в Polymer 1.x

Question

У меня есть элемент карты Polymer, который я заполняю маркером + всплывающее окно через несколько повторов. Я хотел бы связать событие на всплывающем окне каждого маркера. Но это не работает, когда я добавляю атрибут "по щелчку". Поэтому я попытался связать это в JS. Но все равно не работает, такое ощущение, что я что-то здесь упускаю. У кого-нибудь есть понимание?

//Function to set the event
_setPopupClickEvent: function(){
    var popups = document.querySelectorAll('px-map-popup-info');//It works
    //console.log(popups);

    popups.forEach(popup => {
        popup.addEventListener('click', function() {
            console.log('popup info clicked');
        });
    });
}

<!-- Example of template --> 
<template is="dom-repeat" items="[[_selectedLayers]]" as="layer">
    <template is="dom-repeat" items="{{layer.data.features}}" as="meter"
    filter="isMeterLayerSelected">
    
    <px-map-marker-static id="marker-{{meter.id}}" lat="{{fillLatGeoValue(meter)}}"
    lng="{{fillLngGeoValue(meter)}}"
    type="info"
    on-px-map-marker-tapped="focusMarkerItem"
    data-substation="[[meter]]"
    data-properties=[[meter.properties]]
    data-index="[[index]]"
    class$="new-color">
    <px-map-popup-info
    id="popover_{{meter.id}}"
    class="meter-popup-info"
    title="Meter{{meter.id}}"
    description="Address : {{meter.properties.adress}}">
</px-map-popup-info>
</px-map-marker-static>
</template>
</template>

Спасибо всем и хорошего дня