Expose raw MapboxGl object

[Maro8311]

Hello everyone, how I can I get access to the raw MapboxGl object? Thx a lot!

<template>
  <MglMap> /* some properties */> </MglMap>
</template>

<script>
import { Mapbox } from "mapbox-gl"
import { MglMap }  from "vue-mapbox"
export default {
 name: "MapComponent",
  components: {
    MglMap
  },
 created() {
    console.log(Mapbox.getCenter()) // does not work:   Mapbox is undefined
 }
}
</script>

[hicham-saddek]

You will have to use

<template>
  <MglMap @load="handleMapLoad"> /* some properties */> </MglMap>
</template>

<script>
import { Mapbox } from "mapbox-gl"
import { MglMap }  from "vue-mapbox"
export default {
 name: "MapComponent",
  components: {
    MglMap
  },
 data(){
     return {
         map: null,
         mapbox: null
     }
 },
 created() {
    this.mapbox = Mapbox;
 },
 methods: {
    handleMapLoad(event){
        this.map = event.map
        this.ready();
    },
    ready(){
         console.log(this.map.getCenter());
    }
 }
}
</script>