Problem with Google Maps Tab


#1

Hi guys,

I’ve been about 5 days trying to implement Google Maps with Ionic Tab (with sidemenu). When I put the ion-tab I get the blank screen, and if I put without the ion-tab I get the gray screen. Help me please!

Plugin:

Css:
html, body, #map_canvas{
height: 100%;
margin: 0px;
padding: 0px
}

html:

    <div id="map_canvas"></div>

Js:

 var div = document.getElementById("map_canvas");

  ionic.Platform.ready(function () {
    if (window.plugin){

    var latLng = new window.plugin.google.maps.LatLng(-19.9178713, -43.9603117);

     var map = window.plugin.google.maps.Map.getMap(div, {
       zoom: 10,
       //center: latLng,
       center: {lat: -19.9178713, lng: -43.9603117},
       mapTypeId: window.plugin.google.maps.MapTypeId.ROADMAP
     });

  }
  });

Any suggestions???

Thanks.