Passing the map object to a click method outside of the map scope about vue-mapbox-gl

[phegman]

Hello,

You can get the map object from the map-init event. See below example:

<mapbox
  access-token="your access token"
  :map-options="{
      style: 'mapbox://styles/mapbox/light-v9',
      center: [-96, 37.8],
      zoom: 3
  }"
  :geolocate-control="{
      show: true, 
      position: 'top-left'
  }"
  :scale-control="{
      show: true,
      position: 'top-left'
  }"
  :fullscreen-control="{
      show: true,
      position: 'top-left'
  }"
  @map-init="mapInitialized">
</mapbox>

import Mapbox from 'mapbox-gl-vue';
const app = new Vue({
  el: '#app',
  components: { Mapbox },
  data: {
    map: {}
  },
  methods: {
    mapInitialized(map) {
      this.map = map;
    }
  }
]);