I have created an app that uses the Google Map API. The map is not showing up on some Android devices. The devices are Sumsung S8, Sumsung Galaxy Note 9 & 10 and an LG V40.
On most devices the map shows fine. But on (at least) the above devices the map element is blank. I have a loading indicator within the map element, and that doesn’t show up either.
Anyone have ideas or help? I’ve tried a number of things (like making sure the div had a 100% height and width, upgrading Android-cordova, upgrading Typescript, etc. Any ideas anyone has or any debugging ideas are very appreciated. (I’ve tried to use the Android Studio emulator, but it is such a PIA to use, I gave up after trying to get it running after a week).
I’m on Ionic version 5.4.2 (however, I upgraded to this - I started the project in ionic 3).
Some other dependencies from my package.json file:
“@angular/common”: “5.0.3”,
“@angular/compiler”: “5.0.3”,
“@angular/compiler-cli”: “5.0.3”,
“@angular/core”: “5.0.3”,
“@angular/forms”: “5.0.3”,
“@angular/http”: “5.0.3”,
“@angular/platform-browser”: “5.0.3”,
“@angular/platform-browser-dynamic”: “5.0.3”,
“@ionic-native/core”: “4.4.0”,
“@ionic-native/geolocation”: “^4.5.3”,
“@ionic-native/splash-screen”: “4.4.0”,
“@ionic-native/status-bar”: “4.4.0”,
“@ionic/pro”: “1.0.19”,
“@ionic/storage”: “2.1.3”,
“cordova-android”: “^8.1.0”,
“cordova-ios”: “^5.1.1”,
“cordova-plugin-device”: “^2.0.1”,
“cordova-plugin-geolocation”: “^4.0.1”,
“cordova-plugin-ionic”: “^4.0.0”,
“cordova-plugin-ionic-keyboard”: “^2.0.5”,
“cordova-plugin-ionic-webview”: “^1.1.16”,
“cordova-plugin-splashscreen”: “^5.0.2”,
“cordova-plugin-whitelist”: “^1.3.3”,
“ionic-angular”: “3.9.2”,
“ionicons”: “3.0.0”,
“rxjs”: “5.5.2”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.18”
},
“devDependencies”: {
“@angular/cli”: “^1.7.2”,
“@ionic/app-scripts”: “^3.2.4”,
“typescript”: “2.7.2”