1

Google マップの InfoWindow 内でクリック ボタン イベントをキャッチしようとしています。そうするために、私は次のものを持っています

<!-- Html file -->
<template name="infoWindowContent">
  <button>Click Me!</button>
</template>

次に、これをclient.jsに持っています

//Client js file

//Function that renders the template. Gets called from a user's action
function showInfoWindow(map, marker) {
  var infoWindow = new google.maps.InfoWindow();
  //This is the line that generates the template's html
  var infoWindowHtmlContent = Template.infoWindowContent();
  infoWindow.setContent(infoWindowHtmlContent);
  infoWindow.open(map, marker);
}

//Template events
Template.infoWindowContent.events = {
  'click button': function(event){
    console.log('event was triggered', event);
  }
}

マップ上に infoWindow が表示され、ボタンが含まれていますが、ボタンをクリックしてもログはコンソールに表示されません。これについての手がかりはありますか?Template.myTemplate() を使用してレンダリングされた要素によってディスパッチされるイベントをキャッチするにはどうすればよいですか?

4

1 に答える 1