Problem with google Maps in tab + back button

ionic-v1
1

Hi there,

I experience some problem implementing my app which has:

  • a google map in a tab
  • navigation buttons.

I made a codePen so it will be easier to explain my issue: http://codepen.io/rtaieb/pen/jPKrGb

  1. In order to have my google maps display correctly, I have to disable the ionic cache on the tab template (l.18 of my JS file).
  2. In order to have a back button in my tab page, I have to implement it manually, which seems like a hack to me, but I didn’t find a clean way to do it (l.60 of my html file)

In my codepen, the problem can be reproduce this way :

  • click on the “Go to main page” button
  • click on the “latitude 1” button
  • click on the “left arrow” button
  • click on the “latitude 1” button
  • click on the “left arrow” button

==> The “Back” button on the Main page has disappeared :frowning:

If you want to play a bit :

  • click on the “latitude 1” button
  • click on the “left arrow” button
    ==> The “Back” button is here again :laughing:

I tried to enable the cache on the tab template, back button is always here, but once you have displayed the map with latitude 1, you can’t display map with latitude 2 :sob:

Can somebody here please tell me how I can:

  • either keep the cache disabled and manage the back button
  • or put the cache enable and manage different google maps.

Any help would be MUCH appreciated :smile: