Google Maps - don't work

Ionic Framework ionic-v3
61

Not having any luck with that repo myself. I’ve tried a few example repos after my own didn’t work but I’ve got one of two states in each one, either a black screen or white screen with no explanation that I can find.

Stumped.

62

Done those steps @0x1AD2, alas, still have a blank white screen. Any ideas?

63

Same issue here.

.nav-decor{
	background: transparent !important;
}

Using this works, but as the background is transparent, when I go back to the previous page, or open the side menu, the transition is very ugly, especially on iOS (the side menu or the previous page appears in the background of the page). It’s pretty annoying. I’m trying to find a solution, but if someone successfully resolved the issue with Ionic-angular 2.2.0, it would be great.

Thanks !

64

Yes

If you re-install the plugin, please always remove the plugin first, then remove the SDK

$> cordova plugin rm cordova-plugin-googlemaps
$> cordova plugin rm com.googlemaps.ios
$> cordova plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID=“YOUR_ANDROID_API_KEY_IS_HERE” --variable API_KEY_FOR_IOS=“YOUR_IOS_API_KEY_IS_HERE”

Go to https://console.developers.google.com to enable your API’s and register your key.

66

did u got answer for multiple maps ?

67

When I run:

...
"@ionic-native/google-maps": "4.15.1",
...

import {
  GoogleMap,
} from '@ionic-native/google-maps';
...

private map: GoogleMap;
...
this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions);
...
`this.map.animateCamera({ target: this.myPosition, zoom: 2 });`

It says:
this.map.animateCamera is not a function.