Проблема при добавлении прослушивателя onclick в Google-Maps-Chart с помощью google.ChartWrapper - PullRequest
Новая
       27

Проблема при добавлении прослушивателя onclick в Google-Maps-Chart с помощью google.ChartWrapper

1 голос
/ 13 июня 2019

У меня проблема с добавлением прослушивателя событий onclick в Google Maps Chart с использованием google.visualization.ChartWrapper в Angular 7

Событие не работает, и я не получаю никаких ошибок илиЖурналы.Карта хорошо нарисует, и «готовый» слушатель также работает как шарм.

официальная документация: https://developers.google.com/chart/interactive/docs/reference#chartwrapperobject 

//My Html-Element

<div id="chart"></div>

//I Initilize the ChartWrapper

map: google.visualization.ChartWrapper = new google.visualization.ChartWrapper({
  chartType: 'Map',
  dataTable: [["Latitude", "Longitude", "Name"], [lat, long, company]],
  options: {
    showTooltip: true,
    enableScrollWheel: true,
    useMapTypeControl: true,
    tooltip: { isHtml: true }
  },
  containerId: 'chart'
});

//In NgOnInit im loading the package and call my draw function
ngOnInit() {

    google.charts.load('current', { 'packages': ['map'] });
    google.charts.setOnLoadCallback(this.drawMap.bind(this));

}

drawMap() {
//I set the ready eventlistener

google.visualization.events.addListener(this.map,'ready',this.onReady.bind(this));   
this.map.draw();

}

onReady() {
//This Event works and i get the alert
  alert('Ready');
google.visualization.events.addListener(this.map.getChart(), 'click', this.onClick);
}

onClick($event) {
    //This never works
    alert('Click'); 
}

Я надеюсь, что любой может помочь

1 Ответ

0 голосов
/ 13 июня 2019

в соответствии с документацией событий для диаграммы Map,
нет события 'click'.

попробуйте использовать 'select' вместо ... 

google.visualization.events.addListener(this.map.getChart(), 'select', this.onClick);
...