Ionic - when loading the second map for the first time screen turns black on IOS

I’m submitting a … (check one with “x”)

• question
• any problem or bug report
• feature request

If you choose ‘problem or bug report’, please select OS: (check one with “x”)

• Android
• iOS

cordova information: (run $> cordova plugin list)

com.googlemaps.ios 2.5.0 "Google Maps SDK for iOS"
cordova-plugin-device 1.1.4 "Device"
cordova-plugin-googlemaps 2.2.0-beta-20180122-2314 "cordova-plugin-googlemaps"
cordova-plugin-ionic-webview 1.1.16 "cordova-plugin-ionic-webview"
cordova-plugin-splashscreen 4.0.3 "Splashscreen"
cordova-plugin-statusbar 2.4.1 "StatusBar"
cordova-plugin-whitelist 1.3.1 "Whitelist"
ionic-plugin-keyboard 2.2.1 "Keyboard"

If you use @ionic-native/google-maps, please tell the package.json (only @ionic-native/core and @ionic-native/google-maps are fine mostly)

"@ionic-native/core": "4.5.2",
 "@ionic-native/google-maps": "4.5.2",
 "@ionic-native/splash-screen": "4.5.2",
 "@ionic-native/status-bar": "4.5.2",

Current behavior: First map on main page loads and looks fine. When I attempt to open a second map on a second page, I get black screen for the first time. Next attempt is successful. Works fine on Android all the time.

Expected behavior: Map should load OK for the first time too.

Screen capture or video record:

https://youtu.be/tPSNRXUXBtU

Related code, data or error log (please format your code or data):

https://github.com/battika/ionic-gmaps-test

Run this code on IOS and click the Open Second Page button on the bottom. Map will not render on the second page and the screen turns black. Go back to the first screen and click the button again. Map will render OK for the next time. It works well on Android.

[wf9a5m75]

Try 2.2.0-beta-20180124-1245

[wf9a5m75]

Did you install the multiple_maps branch?