Google Map display issue based on different Android version (4.4.2/6.0.1)


#1

Hi Everyone,

Recently, I used cordova-plugin-googlemaps to develop my app, in the first place, I ran into display issue, but it’s fixed after looking into some solutions in the Internet, i.e.

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

And it’s working on my Android 4.4.2 tablet. However, when I deployed app into my another Android 6.0.1 mobile device, there was a display issue occurs again, after I check the source html files of Android 4.4.2 and 6.0.1, I found out the html file of Android 6.0.1 has something different, that is there is no any ._gmaps_cdv_ class exists as does Android 4.4.2 so that I can’t use background-color: transparent !important;

the source code please check https://github.com/weishiny/Personal-Assistant-App-Ionic2/tree/master/src/pages/google-map

Also, the html file please check attachments

Android 4.4.2:


Android 6.0.1:



Google Maps blank on IOS