Nuxt example and click to open infowindow

[GerritKuilder]

Hi

I needed to fix a small typo in the nuxt example that was on the page, after that the map loaded find

    <google-map-infowindow
        :position="infoWindowContext.position

There was a capital I in WIndowcontext

But I still can't get the infowindow to work, I added a console.log in the click function, this shows me the click does not work at all.

Kind Regards,

Gerrit Kuilder

[TouchSek]

@GerritKuilder thank you. we will check this.

[ribrewguy]

Same issue without nuxt. Clicking on a marker doesn't do anything. The click event callback is never executed.

[chantouchsek]

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

[chantouchsek]

The code should look like this:

<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>