Google maps native plugin

[mkanmori]

Has anyone got this working recently?

I used this tutorial but the furthest I got was with ionic-google-maps-starter and I get a blank white screen. I tried several fixes from google but end up breaking them and need to start again.

Any pointers?

Thanks

[Sujan12]

Super old starter, I don’t think you should uses that any more.

Have a look at these:
https://ionicframework.com/docs/native/google-maps/
https://www.joshmorony.com/integrating-native-google-maps-into-an-ionic-2-application/
https://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/
https://www.joshmorony.com/creating-an-advanced-google-maps-component-in-ionic-2/

[mkanmori]

Thanks.

I got it working, I used the article from josh morony

The Google Maps Javascript SDK does a great job and performs well. There is...

Then implemented this fix found here

Google maps TypeScript error: Cannot find name 'google' - discussion

I solved this, here is what you have to do: npm install @types/googlemaps --save-dev <script src="http://maps.google.com/maps/api/js?key=XXXXX"></script> in index.html declare module 'googlemaps'; into declarations.d.ts import {googlemaps} from 'googlemaps'; in class where you using maps

Then had to take the imports from the official docs and add them to the home.ts as it was complaining about missing modules on build.
https://ionicframework.com/docs/native/google-maps/

Bit tricky but works like a charm.