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.

1 Like
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!

1 Like
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;
}
1 Like
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.