search

NathanAP / vue-google-maps-community-fork

The community fork for Vue Google Maps library
https://vue-google-maps-community-fork.netlify.app
MIT License
105 stars 31 forks source link

In console Google Maps JavaScript API has been loaded directly without loading=async. and Tracking Prevention blocked #92

Open iUnknownWs opened 4 months ago

iUnknownWs commented 4 months ago

Describe what you're reporting When the autocomplete component its rendered a two warnings appears on the console

How can we reproduce it? Just the basic usage of autocomplete component

Screenshots image

Device or enviroment PC Web Vue3 Composition Vite

Windows 11 Edge Pnpm vue-google-maps-community-fork 0.3.1

SaqibSyed1014 commented 3 months ago

I encountered the same warning in my project using nuxt3. I solved it by adding loading: 'async' where I was defining the google maps plugin. In vue3, you can add this where you're registering google maps component like this: const app = createApp(App) app .use(VueGoogleMaps, { load: { key: 'YOUR_API_KEY_COMES_HERE', loading: 'async' }, }) .mount('#app')