Google maps from ionic-native

Ionic Framework ionic-v3
21

Not a problem at all, the forum is a place for learning and knowledge exchange. :slight_smile: I would also recommend you to use the Maps web API (instead of the native) in the beginning because IMHO it’s easier for prototyping/testing. You could try to integrate the native API at a later point, after you have a better idea about the app design/implementation and more experience with Ionic.

22

I’m having the same problem that @brozada and I’m trying on my Android Phone.
What can I do?

23

I’m not sure - you could check the following repository for possible causes or solutions.

24

Tried @aaronksaunders repository an all working. Many thanks to @aaronksaunders and @iignatov for your great help!

Other mistakes I had and solved with the repo were:

  • I hadn’t installed from SDK the Google Repository and services packages.
  • I was using JS key for devices.
  • I didn’t execute cordova prepare.
  • The plugin wasn’t installed from phonegap googlemaps github but like in ionic-native docs.

Thanks!

25

Hi morning, I need help, iI’m following your repo, but don’t work just showing is screen logo google left bottom

26

did you follow all of the steps listed by @brozada?

28

Add code in ionViewDidEnter - then DOM has fully loaded. I think error is coming because DOM is not loaded.

29

in @aaronksaunders example app, I needed to apply the following css (by inspecting it with safari via running it in the simulator / on a device) so there is no black screen:

ion-nav.has-views {
    background-color: transparent !important;
}
30

Where did you put this code?

Before, I’ve added the following one:
ion-app.gmaps_cdv .nav-decor{
background-color: transparent !important;
}

this snippet doesn’t work anymore for me.