How to know when google map is loaded

[Ahmant]

Hello,

I need to know when google map is loaded in the component to call some function.

How to do that?

A "vueGoogleMapsInit" function is called when the map is loaded, but it's called outside the Vue app, I need something to be called inside the component

Edit:
Note: calling this function "vueGoogleMapsInit" will not load the map images

[fawmi]

You can define a ref on the GMapMap component and access the $mapPromise property. The $mapPromise is a promise which is resolved when the map is loaded.
Look at this example:
https://stackblitz.com/edit/vue-google-maps-marker-khyhfk?file=src/components/ComponentWithMap.vue

Or read the example in docs:
https://vue-map.netlify.app/examples/how-to-access-google-maps-object.html