Google map Native shows blank after navigation from Tab page

Ionic Framework ionic-v3
1

Short description of the problem:
Currently loading google map on in tab page. On clicking on marker of map navigating to the new map page but new map page shows blank screen .

this.mapDir.one(GoogleMapsEvent.MAP_READY).then(() => {
});

Above code is not getting fired in the new google map page .

System Info

@ionic/cli-utils  : 1.19.1
ionic (Ionic CLI) : 3.19.1

global packages:

cordova (Cordova CLI) : 7.1.0

local packages:

@ionic/app-scripts : 3.1.6
Cordova Platforms  : android 6.3.0
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 25.1.7
Node              : v8.9.2
npm               : 5.5.1
OS                : Windows 10
2

Use GoogleMaps JavaScript API version:

GoogleMaps: GoogleMaps API
and
Tutorial: Ionic 2 & 3: How to Use Google Maps & Geolocation

:+1:

3

thanks but i need to update users realtime location.

4

What version do you use of cordova-plugin-googlemaps?
At least, v2.2.0 (currently v2.2.3) should not reproduce the issue.

Even if you use v2.2.3, but you still get the error, I guess you need to map.setDiv() when you leave the tab page, then when you come back to the map page, map.setDiv('map_canvas') again.

5

If you can’t resolve the problem by yourself, please share your project files (everything) on github. I will check it.

6

please share your personal EMAIL id?

7

Move to https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/2056