# MAP not loading on IOS Ionic4 InAppBrowser!

**URL:** <https://forum.ionicframework.com/t/map-not-loading-on-ios-ionic4-inappbrowser/173822>\
**Category:** Ionic Framework\
**Created:** [September 21, 2019, 6:27am UTC](https://forum.ionicframework.com/t/map-not-loading-on-ios-ionic4-inappbrowser/173822 "2019-09-21T06:27:04Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![djks74](https://avatars.discourse-cdn.com/v4/letter/d/ed8c4c/32.png) [@djks74](https://forum.ionicframework.com/u/djks74)\
**Post date:** [September 21, 2019, 6:27am UTC](https://forum.ionicframework.com/t/map-not-loading-on-ios-ionic4-inappbrowser/173822/1 "2019-09-21T06:27:04Z")

</div>

Dear list,  
anyone know how to deal with map not loading on InAppBrowser in IOS with ionic4?  
Do we still need to install these for inappbrowser? following this

> **[cordova-plugin-googlemaps](https://www.npmjs.com/package/cordova-plugin-googlemaps)**
>
> Google Maps native SDK for Android and iOS, and Google Maps JavaScript API v3 for browser.

  
and  

> <https://github.com/ionic-team/ionic-native-google-maps/issues/213#issuecomment-492628530>

but

same issues appear as here :

> <https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/2632>

The wkwebview should load this and showing map same as android project:  
[https://kulakikan.id/cari-pengkulak/](https://kulakikan.id/cari-pengkulak/)

 ![Screenshot_20190921_133202](https://global.discourse-cdn.com/ionicframework/original/3X/e/c/ecb79cfed1b68db0dc54fc4c714b39fa9d26f110.jpeg)

in my IOS project its not showing as shown here :

 ![38](https://global.discourse-cdn.com/ionicframework/original/3X/9/1/91ba37a7438b8c77eee03e8ec9e87aeb94f7317f.png)

**This is my package.json**  
“private”: true,  
“dependencies”: {  
“@angular/common”: “^7.2.2”,  
“@angular/core”: “^7.2.2”,  
“@angular/forms”: “^7.2.2”,  
“@angular/http”: “^7.2.2”,  
“@angular/platform-browser”: “^7.2.2”,  
“@angular/platform-browser-dynamic”: “^7.2.2”,  
“@angular/router”: “^7.2.2”,  
“@ionic-native/app-launcher”: “^5.14.0”,  
“@ionic-native/app-minimize”: “^5.1.0”,  
“@ionic-native/app-rate”: “^5.1.0”,  
“@ionic-native/card-io”: “^5.2.0”,  
“@ionic-native/core”: “^5.0.0”,  
“@ionic-native/crop”: “^5.1.0”,  
“@ionic-native/email-composer”: “^5.1.0”,  
“@ionic-native/file-transfer”: “^5.1.0”,  
“@ionic-native/geolocation”: “^5.14.0”,  
“@ionic-native/google-maps”: “^5.5.0”,  
“@ionic-native/image-picker”: “^5.1.0”,  
“@ionic-native/in-app-browser”: “^5.1.0”,  
“@ionic-native/native-storage”: “^5.1.0”,  
“@ionic-native/onesignal”: “^5.1.0”,  
“@ionic-native/social-sharing”: “^5.1.0”,  
“@ionic-native/splash-screen”: “^5.0.0”,  
“@ionic-native/status-bar”: “^5.0.0”,  
“@ionic/angular”: “^4.9.1”,  
“@ngx-translate/core”: “^11.0.1”,  
“@ngx-translate/http-loader”: “^4.0.0”,  
“card.io.cordova.mobilesdk”: “^2.1.0”,  
“com.lampa.startapp”: “^6.1.6”,  
“cordova-android”: “8.0.0”,  
“cordova-ios”: “5.0.1”,  
“cordova-plugin-app-launcher”: “^0.4.0”,  
“cordova-plugin-appminimize”: “^1.0.1”,  
“cordova-plugin-apprate”: “^1.4.0”,  
“cordova-plugin-crop”: “^0.4.0”,  
“cordova-plugin-device”: “^2.0.2”,  
“cordova-plugin-dialogs”: “^2.0.1”,  
“cordova-plugin-email-composer”: “^0.9.2”,  
“cordova-plugin-file”: “^6.0.1”,  
“cordova-plugin-file-transfer”: “^1.7.1”,  
“cordova-plugin-geolocation”: “^4.0.2”,  
“cordova-plugin-globalization”: “^1.11.0”,  
“cordova-plugin-inappbrowser”: “^3.1.0”,  
“cordova-plugin-ionic-keyboard”: “^2.1.3”,  
“cordova-plugin-ionic-webview”: “^2.5.1”,  
“cordova-plugin-nativestorage”: “^2.3.2”,  
“cordova-plugin-splashscreen”: “^5.0.2”,  
“cordova-plugin-statusbar”: “^2.4.2”,  
“cordova-plugin-telerik-imagepicker”: “^2.2.4”,  
“cordova-plugin-whitelist”: “^1.3.3”,  
“cordova-plugin-x-socialsharing”: “^5.4.4”,  
“core-js”: “^2.5.4”,  
“es6-promise-plugin”: “^4.2.2”,  
“onesignal-cordova-plugin”: “^2.4.6”,  
“rxjs”: “~6.3.3”,  
“zone.js”: “~0.8.29”  
},  
“devDependencies”: {  
“@angular-devkit/architect”: “~0.12.3”,  
“@angular-devkit/build-angular”: “~0.12.3”,  
“@angular-devkit/core”: “~7.2.3”,  
“@angular-devkit/schematics”: “~7.2.3”,  
“@angular/cli”: “7.2.4”,  
“@angular/compiler”: “~7.2.2”,  
“@angular/compiler-cli”: “~7.2.2”,  
“@angular/language-service”: “~7.2.2”,  
“@ionic/angular-toolkit”: “~1.4.0”,  
“@ionic/app-scripts”: “^3.2.4”,  
“@types/jasmine”: “~2.8.8”,  
“@types/jasminewd2”: “~2.0.3”,  
“@types/node”: “~10.12.0”,  
“codelyzer”: “~4.5.0”,  
“jasmine-core”: “~2.99.1”,  
“jasmine-spec-reporter”: “~4.2.1”,  
“karma”: “^4.3.0”,  
“karma-chrome-launcher”: “~2.2.0”,  
“karma-coverage-istanbul-reporter”: “~2.0.1”,  
“karma-jasmine”: “~1.1.2”,  
“karma-jasmine-html-reporter”: “^0.2.2”,  
“node-sass”: “^4.12.0”,  
“protractor”: “~5.4.0”,  
“ts-node”: “~8.0.0”,  
“tslint”: “~5.12.0”,  
“typescript”: “~3.1.6”,  
“cordova-custom-config”: “\*”  
},  
“description”: “An Ionic project”,  
“cordova”: {  
“plugins”: {  
“cordova-plugin-apprate”: {},  
“cordova-plugin-x-socialsharing”: {},  
“cordova-plugin-email-composer”: {},  
“cordova-plugin-appminimize”: {},  
“cordova-plugin-nativestorage”: {},  
“cordova-plugin-telerik-imagepicker”: {},  
“cordova-plugin-crop”: {},  
“cordova-plugin-file-transfer”: {},  
“onesignal-cordova-plugin”: {},  
“card.io.cordova.mobilesdk”: {},  
“cordova-plugin-whitelist”: {},  
“cordova-plugin-statusbar”: {},  
“cordova-plugin-device”: {},  
“cordova-plugin-splashscreen”: {},  
“cordova-plugin-ionic-keyboard”: {},  
“cordova-plugin-ionic-webview”: {  
“ANDROID\_SUPPORT\_ANNOTATIONS\_VERSION”: “27.+”  
},  
“cordova-custom-config”: {},  
“cordova-plugin-app-launcher”: {},  
“com.lampa.startapp”: {},  
“cordova-plugin-inappbrowser”: {},  
“cordova-plugin-googlemaps”: {},  
“cordova-plugin-geolocation”: {}  
},  
“platforms”: [  
“android”,  
“ios”

**My cordova plugin list :**  
card.io.cordova.mobilesdk 2.1.0 “CardIO”

com.lampa.startapp 6.1.6 “startApp”

cordova-custom-config 5.1.0 “cordova-custom-config”

cordova-plugin-app-launcher 0.4.0 “Launcher”

cordova-plugin-appminimize 1.0.1 “AppMinimize”

cordova-plugin-apprate 1.4.0 “AppRate”

cordova-plugin-crop 0.3.1 “CropPlugin”

cordova-plugin-device 2.0.2 “Device”

cordova-plugin-dialogs 2.0.1 “Notification”

cordova-plugin-email-composer 0.9.2 “EmailComposer”

cordova-plugin-file 6.0.1 “File”

cordova-plugin-file-transfer 1.7.1 “File Transfer”

cordova-plugin-geolocation 4.0.2 “Geolocation”

cordova-plugin-globalization 1.11.0 “Globalization”

cordova-plugin-googlemaps 2.6.3-20190808-1526 “cordova-plugin-googlemaps”

cordova-plugin-inappbrowser 3.1.0 “InAppBrowser”

cordova-plugin-ionic-keyboard 2.1.3 “cordova-plugin-ionic-keyboard”

cordova-plugin-ionic-webview 2.5.1 “cordova-plugin-ionic-webview”

cordova-plugin-nativestorage 2.3.2 “NativeStorage”

cordova-plugin-splashscreen 5.0.2 “Splashscreen”

cordova-plugin-statusbar 2.4.2 “StatusBar”

cordova-plugin-telerik-imagepicker 2.2.4 “ImagePicker”

cordova-plugin-whitelist 1.3.3 “Whitelist”

cordova-plugin-x-socialsharing 5.4.4 “SocialSharing”

es6-promise-plugin 4.2.2 “Promise”

onesignal-cordova-plugin 2.4.6 “OneSignal Push Notifications”

* * *

Hope someone could help me? Thanks in advance and really appreciate!

regards,  
Sandi

---

<div class="post-metadata">

**Author:** ![djks74](https://avatars.discourse-cdn.com/v4/letter/d/ed8c4c/32.png) [@djks74](https://forum.ionicframework.com/u/djks74)\
**Post date:** [September 21, 2019, 3:30pm UTC](https://forum.ionicframework.com/t/map-not-loading-on-ios-ionic4-inappbrowser/173822/2 "2019-09-21T15:30:33Z")

</div>

I start thinking this only need the right permission setting on PSC, config and index.html

does anyone know the right method for access this? access origin allow intent, etc… Meta psc?

Please share your config for map making map showing in InAppBrowser. Thanks