3

Polymer Web コンポーネントを使用しているときに、Google マップ マーカーのクリック イベントを探しています。私はこのSO の質問を見てきまし たが、コードにわずかな違いがあり、問題が発生している可能性があります。Places API を使用して検索できるように、マーカー内でテンプレート is="dom-repeat" を使用しています。これが私のコードです<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>
4

1 に答える 1

8

に変更clickEventsしclick-eventsます。キャメルケースを持つプロパティは、ダッシュ ( docs )を持つ属性に変換されます。

また、イベント リスナーから中かっこを削除します。この構文は 0.5 で使用されていましたが、1.0 では使用されなくなりました ( docs )。

<google-map-marker click-events="true" on-google-map-marker-click="markerClicked">
于 2015-10-18T06:45:30.877 に答える