# GoogleMaps Bad Performance in Android Black Screen in iOS **URL:** \ **Category:** Ionic Native\ **Created:** [December 7, 2017, 2:50pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680 "2017-12-07T14:50:17Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![snakepit](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@snakepit](https://forum.ionicframework.com/u/snakepit)\ **Post date:** [December 7, 2017, 2:50pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/1 "2017-12-07T14:50:17Z")
Hello… im facing error with @ionic-native/googlemaps in android… when i scroll the page on android 6.0 the map still in the sam position until i release the finger to scroll, then the map rellocated into the correct position… algo when i have transition back the page content overlaps with the previous page until the animation back’s ends. [10:58] This is my ionic info [10:58] cli packages: (/usr/local/lib/node\_modules) @ionic/cli-utils : 1.19.0 ionic (Ionic CLI) : 3.19.0 global packages: cordova (Cordova CLI) : 7.1.0 local packages: @ionic/app-scripts : 3.1.0 Cordova Platforms : android 6.3.0 ios 4.5.4 Ionic Framework : ionic-angular 3.9.2 System: Android SDK Tools : 26.0.2 Node : v6.9.1 npm : 3.10.8 OS : macOS High Sierra Xcode : Xcode 9.1 Build version 9B55 plugin version and use [develop version](https://github.com/mapsplugin/cordova-plugin-googlemaps#multiple_maps) the map it is not in a full page fill width: 100px and height 200px; and for iOS when the page is open, the app comes all page in black, for this reason i follow this [instructions](https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/1780) but the maps still appears with black screen. ---
**Author:** ![wf9a5m75](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wf9a5m75/32/118692_2.png) [@wf9a5m75](https://forum.ionicframework.com/u/wf9a5m75)\ **Post date:** [December 7, 2017, 5:37pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/2 "2017-12-07T17:37:45Z")
Please share your project files on github, otherwise, nobody can not help you. ---
**Author:** ![snakepit](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@snakepit](https://forum.ionicframework.com/u/snakepit)\ **Post date:** [December 7, 2017, 6:10pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/3 "2017-12-07T18:10:52Z")
[https://bitbucket.org/snakepit13/mardelplata](https://bitbucket.org/snakepit13/mardelplata) ---
**Author:** ![wf9a5m75](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wf9a5m75/32/118692_2.png) [@wf9a5m75](https://forum.ionicframework.com/u/wf9a5m75)\ **Post date:** [December 7, 2017, 8:14pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/4 "2017-12-07T20:14:48Z")
Thank you for sharing your project. I have been inspecting it. I let you know one thing that the reason of icon of marker is not loaded is the specified path is wrong. Since you display the page on `file:///android_asset/www/index.html` , you should specify `assets/images/icons8-Marker-64.png` ![58 PM](https://global.discourse-cdn.com/ionicframework/original/3X/a/a/aa9c798bc9684043390eade04629ba520dca6994.png) ---
**Author:** ![wf9a5m75](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wf9a5m75/32/118692_2.png) [@wf9a5m75](https://forum.ionicframework.com/u/wf9a5m75)\ **Post date:** [December 7, 2017, 8:29pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/5 "2017-12-07T20:29:29Z")
The reason of you can not touch on the map is bug of the maps plugin. (because ionic has too much complex.) Please wait for a while. ---
**Author:** ![jaydz](https://avatars.discourse-cdn.com/v4/letter/j/858c86/32.png) [@jaydz](https://forum.ionicframework.com/u/jaydz)\ **Post date:** [December 7, 2017, 8:37pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/6 "2017-12-07T20:37:37Z")
@wf9a5m75, Is that bug just in Android? I have an app I made with your plugin installed on my iOS phone right now and I don’t have that problem… ---
**Author:** ![jaydz](https://avatars.discourse-cdn.com/v4/letter/j/858c86/32.png) [@jaydz](https://forum.ionicframework.com/u/jaydz)\ **Post date:** [December 7, 2017, 8:44pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/7 "2017-12-07T20:44:11Z")
@snakepit, I am posting an scss file for my MapPage. You can ignore most of it, but the first item is important. Notice that it is before the scss reference for the page itself. This may help if you’re still having trouble after following @wf9a5m75 ‘s advice ```auto ion-app._gmaps_cdv_ .nav-decor { background-color: transparent !important; } .pac-container { display: none !important; } .item-ios { font-size: 1.4rem; } page-map { .flex-container { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .map-container { height: 100%; } #map { height: 100%; width: 100%; } } ``` ---
**Author:** ![wf9a5m75](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wf9a5m75/32/118692_2.png) [@wf9a5m75](https://forum.ionicframework.com/u/wf9a5m75)\ **Post date:** [December 8, 2017, 11:05pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/8 "2017-12-08T23:05:21Z")
@snakepit Please reinstall the maps plugin from the multiple\_maps branch. This is the screen record on iPhone SE. ![bad_performance_compress](https://global.discourse-cdn.com/ionicframework/original/3X/f/a/fab7b17e48b5b1558ccee1f368e0dae04b1396c5.gif) By the way, I have never experienced your this description. > when the page is open, the app comes all page in black ---
**Author:** ![jaydz](https://avatars.discourse-cdn.com/v4/letter/j/858c86/32.png) [@jaydz](https://forum.ionicframework.com/u/jaydz)\ **Post date:** [December 8, 2017, 11:11pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/9 "2017-12-08T23:11:52Z")
I think > [@wf9a5m75](#): > > when the page is open, the app comes all page in black Is fixed by adding this > [@jaydz](#): > > ion-app._gmaps\_cdv_ .nav-decor { > background-color: transparent !important; > } ---
**Author:** ![snakepit](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@snakepit](https://forum.ionicframework.com/u/snakepit)\ **Post date:** [December 8, 2017, 11:46pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/10 "2017-12-08T23:46:41Z")
thanks @jaydz and @wf9a5m75 both comments fix my problems, using the css and installing plugin from multiple\_maps branch Thanks again! ---
**Author:** ![jaydz](https://avatars.discourse-cdn.com/v4/letter/j/858c86/32.png) [@jaydz](https://forum.ionicframework.com/u/jaydz)\ **Post date:** [December 9, 2017, 12:29am UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/11 "2017-12-09T00:29:52Z")
———-Happy to help———- ---
**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\ **Post date:** [July 19, 2021, 10:00pm UTC](https://forum.ionicframework.com/t/googlemaps-bad-performance-in-android-black-screen-in-ios/114680/12 "2021-07-19T22:00:34Z")