Ionic tabs hide part of google map

Hi there,
I am using the google maps javascript API (not the native plugin). I am also using a tab layout.
When I go to a page containing a map I see the buttom part hidden by the tabs panel (see ‘-’ buttin is missing and google info):
image

 #map {
         width: 100%;
         height: 100%;
  }

It should be displayed like so:
image

 #map {
         width: 100%;
         height: 91%;
  }

I only changed the height to get this result, why are the page content being displayed behind the tabs?

Thanks