Fix for: Black screen instead of Native Google Maps on Ionic 2/3 apps

This is a common issue that developers might experience when integrating Cordova Google Maps plugin with their Ionic Apps. If you see a black screen like the picture below, this post should fix your issue.

Ionic Google Maps black screen

 

I found the fix here: https://github.com/ionic-team/ionic/issues/7205#issuecomment-230977122

You just need to add the following to your SCSS file:

ion-app._gmaps_cdv_ .nav-decor {
background-color: rgba(0,0,0,0);
}

Fixes for common issues