Google Maps + Quasar

[uebbi]

Some example of integration of Google Maps and Quasar?

Tks!

[rstoenescu]

You can use this Vue lib: https://github.com/GuillaumeLeclerc/vue-google-maps

[uebbi]

It’s not compatible with Vue 2.

There is a fork but dosen’t work with webpack / import - at least I could not make it work.

I got it through CDN / Script Tag / Global Object but it is not the ideal solution.

Anyway, tks again!

[xereda]

and this soluction?

https://github.com/mapsplugin/cordova-plugin-googlemaps/

[rstoenescu]

@xereda This would work only for mobile apps. I believe we all want a solution to work for all platforms (websites/mobile apps/electron apps).

[xereda]

@rstoenescu said in Google Maps + Quasar:

@xereda This would work only for mobile apps. I believe we all want a solution to work for all platforms (websites/mobile apps/electron apps).

it’s true!

[spectrolite]

what about https://hpneo.github.io/gmaps/ ? would it work on web + mobile + desktop ?

[QuaSam]

I am having a problem getting the following Google Maps overlay example to work with Quasar. The objects appear, but they are positioned in a matrix with top-left object at the window center; if the map is panned, the objects move back to the window center. I think the problem has to do with the use of the “this” variable, as the projection appears to be to the parent window, not the Google Maps div. Solving this problem is critical to my project, so a $ 30 donation to Quasar if someone can find hopefully an easy solution. How can one ascertain to what “this” refers, and substitute that variable with the appropriate object? Thanks! (submitted 2:15 pm US Eastern)
https://developers.google.com/maps/documentation/javascript/customoverlays