Help please, the InfoWindows does't work

[wecodexoficial]

No description provided.

[wecodexoficial]

Hello, good afternoon,
Thank you very much for your project,
I have a problem that I would like to know if you can help me

I am trying to use the Infowindows component, but when clicking on the marker, it does not perform any action, nor does it return any error

[chantouchsek]

@wecodexoficial did you check our demo code in readme?
https://github.com/chantouchsek/vuejs-google-maps/blob/master/src/components/InfoWindows.vue#L16

[wecodexoficial]

@chantouchsek
Yes, I tried it with the demo, but the toggleInfoWindow function doesn't work.
I tried to solve the problem, but I can't

Thanks for your reply

[chantouchsek]

@wecodexoficial can you show me you code, that you implemented?

the event name should one of below:

• info-window-clicked
• info-window:clicked

[chantouchsek]

@wecodexoficial did you try the code below?

<template lang="html">
  <div class="info-windows">
    <google-map id="map" ref="Map">
      <google-map-marker
        :key="index"
        v-for="(info, index) in infoWindowsList"
        :position="info.position"
        @click="toggleInfoWindow(info)"
      />
      <google-map-infowindow
              v-for="(info, index) in infoWindowsList"
              :key="`info-window-${index}`"
              :position="info.position"
              :show.sync="showInfo"
              :options="{maxWidth: 300}"
              @info-window-clicked="infoClicked($event, info)"
      >
        <h4 >{{infoWindowContext.title}}</h4>
        <p>{{infoWindowContext.description}}</p>
      </google-map-infowindow>
    </google-map>
  </div>
</template>

<script>
import cities from '../assets/cities.json'
export default {
  data () {
    return {
      showInfo: true,
      infoWindowContext: {
        title: 'Hello world',
        description: 'Description',
        position: {
          lat: 44.2899,
          lng: 11.8774
        }
      },
      infoWindowsList: cities
    }
  },
  methods: {
    toggleInfoWindow (context) {
      this.infoWindowContext = context
      this.showInfo = true
    },
    infoClicked(context, spot) {
      console.log('infoClicked', context, spot)
    }
  }
}
</script>