Получение событий для работы с vue-google-charts на Google Charts Maps

Question

Я пытаюсь вызвать действие, которое происходит, когда происходит событие в плагине Maps Vue.js для Google Charts (vue-google-charts), но событие, похоже, никогда не срабатывает.Если я использую другой тип диаграммы, события работают правильно, но не с Картами.

Ниже приведен пример кода, который я пробовал - карта отображается нормально, но нажатие на карту не вызывает событие.Есть идеи, что я делаю не так?

<template>
  <div class="map">
    <h1>This is a map</h1>
  <GChart
    type="Map"
    :data="chartData"
    :options="chartOptions"
    :settings="{ packages: ['corechart', 'map'], mapsApiKey: 'REDACTED' }"
    :events="chartEvents"
  />
  </div>
</template>

<script>
import { GChart } from 'vue-google-charts';

export default {
  name: 'map',
  components: {
    GChart
  },
  data () {
    return {

      chartData: [
    ['Lat', 'Long', 'Name'],
    [37.4232, -122.0853, 'Work'],
    [37.4289, -122.1697, 'University'],
    [37.6153, -122.3900, 'Airport'],
    [37.4422, -122.1731, 'Shopping']
      ],

      chartOptions: {
        chart: {
          title: 'A Map',
        }
      },

      chartEvents: {
        'click': () => {
          alert('click')
        }
      }
    }
  }
}
</script>

Answer 1

Нашел проблему после еще копания.При использовании Карт через Google Charts доступны только два события: «ошибка» и «готово».События для нажатия, перетаскивания, изменения размера и т. Д. Доступны только при непосредственном использовании API Карт.