Native Maps iOS Blackscreen

Ionic Framework ionic-v3
1

I’m attempting to load the native map in iOS, it works fine in android but when I load the map in iOS on the simulator in xcode I just get a black screen. I’ve tried using css fixes such as…

  ion-app._gmaps_cdv_ .nav-decor {
    background-color: transparent !important;
}

I don’t receive any errors so I’m really not sure what is wrong.

Can anybody help?

1 Like
2

Just to follow up, I solved this issue.

My problem was that I had been adding this line

 ion-app._gmaps_cdv_ .nav-decor {
    background-color: transparent !important;
}

Under the page selector in the scss.

For example…

navigation-page {
      ion-app._gmaps_cdv_ .nav-decor {
        background-color: transparent !important;
    }
}

But this did not work.

Adding it outside the page selector like this

// fix for maps not showing on iOS
ion-app._gmaps_cdv_ .nav-decor {
  background-color: transparent !important;
}

navigation-page {

}

Fixed my issue.

2 Likes
3

Thanks man this solved the issue for me too.
This seems like an ionic styling issue @brandyshea