No better way to add google maps?

Ionic Framework ionic-v3
1

I have a tab based app , in which I am using tabsHideOnSubPages: true to hide tabs on child pages.

I want google native map on a child page.

Now the issue ,

Map doesn’t work untill we add this style :

ion-app._gmaps_cdv_ .nav-decor{
  background-color: transparent !important;
}

BUT , by doing this , hidden tabs are visible on child pages. they are not clickable and appear in background.

Does this mean , I cant use native map without making elements transparent ?

I am thinking of using leaflet , but can’t find any implementation or demo with ionic 2. I was avoiding js based map since I read that JS maps consume more memory.

If possible please share some links to better map options. Thanks.