Полимер Google Maps Marker Click Event

Question

Я ищу событие click для маркера google-карт при использовании веб-компонента Polymer. Я посмотрел на это SO question , но у меня есть небольшая разница в моем коде, который может завинчивать вещи. Я использую шаблон = "dom-repeat" внутри моего маркера, чтобы я мог искать с помощью API мест. Вот мой код для <map-element></map-element>. Вопрос: как я могу получить markerClicked? on-google-map-marker-click, кажется, не работает:

<dom-module id="map-element"> 
<style> 
    google-map { 
    height: 200px; 
    width: 100%; 

    } 
</style> 
<template> 
<iron-icon icon="icons:search"></iron-icon> 
<input is="iron-input" bind-value="{{bindValue}}" value=" {{value::input}}"> 
<google-map-search map="[[map]]" query="[[bindValue]]" results="{{results}}"></google-map-search> 
<google-map map="{{map}}" latitude="37.77493" disableZoom="true" longitude="-122.41942" fit-to-markers> 
<template is="dom-repeat" items="{{results}}" as="marker"> 
    <google-map-marker latitude="{{marker.latitude}}" longitude="{{marker.longitude}}" clickEvents="true" on-google-map-marker-click="{{markerClicked}}"> 
    <h2>{{marker.name}}</h2> 
     <span>{{marker.formatted_address}}</span> 
    </google-map-marker> 
</template> 
</google-map> 
</template> 
<script> 
    Polymer({ 
    is: "map-element", 

    markerClicked: function(e, detail, sender) { 

     console.log('google_map_marker_click'); 


    } 
}); 
</script> 

</dom-module> 

Answer 1

Изменение clickEvents к click-events. Свойства с camelCase переводятся на атрибуты с тире (docs).

Также удалите фигурные скобки из прослушивателя событий. Этот синтаксис использовался в 0,5, но больше не в 1.0 (docs).

<google-map-marker click-events="true" on-google-map-marker-click="markerClicked">