Map doesn't display after changing root page

Short description of the problem:

When the initial tabs page displays you can navigate around to all the tabs fine, including the “Map” tab and the map will display fine. BUT if you click the menu and navigate to the “Login” or “Signup” page (any page that changes the NavController root page) and then navigate back to the Tabs page and visit the Map page the google map won’t load.

What behavior are you expecting?

Expecting the map to load and display properly after the NavController root page is swapped around.

Steps to reproduce:

1. Open app and visit the “Map” page (map loads as expected)
2. Click menu and visit the Login page
3. Click menu and navigate back to the “Map” page (map does not load)

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc) No errors in the javascript console

Run ionic info from terminal/cmd prompt: (paste output below) This is the behavior of the conference app I loaded from the Android Play store.

I have the same issue in the app I am writing as well using:

Your system information:

Cordova CLI: 6.2.0 Ionic Framework Version: 2.0.0-beta.9 Ionic CLI Version: 2.0.0-beta.32 Ionic App Lib Version: 2.0.0-beta.18 ios-deploy version: Not installed ios-sim version: Not installed OS: Mac OS X Mavericks Node Version: v5.11.1 Xcode version: Not installed

[ddellamico]

I think it’s necessary to add map resize trigger :

google.maps.event.trigger(this.map, 'resize');

It must be called every time you enter in that page. Please, take a look here :

https://github.com/ddellamico/ionic-conference-app/blob/master/app/pages/map/map.ts

[AbuHani]

same issue any updates ?