Google Maps goes blank on android

I’m having some strange issue trying to show a map on my ionic app.
When I test it on the browser or I serve it on live-reload mode on my device, it works great. But when I run the app and actually install it on the phone, the maps get blank.

This is my controller:

.controller('EventDetailsCtrl', function ($scope, EventsService, $stateParams, $ionicHistory) {
    $scope.event = {
        name: "",
        date: 0
    $scope.getEvent = function (id) {
        EventsService.getEvent(id).then(function (res) {
            $scope.event =;
            $scope.initMap($scope.event.locationData.k, $scope.event.locationData.D, $;

        }, function (err) {


    $scope.goBack = function () {

    $scope.initMap = function initialize(lat, long, title) {
        var myLatlng = new google.maps.LatLng(lat, long);

        var mapOptions = {
            center: myLatlng,
            zoom: 16,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        var map = new google.maps.Map(document.getElementById("map"),

        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: title
        $ = map;

and this is my template:

<ion-view view-title="EventDetails">
    <ion-header-bar class="bar-dark">
        <button class="button button-icon icon ion-chevron-left" ng-click="goBack()"></button>
        <h1 class="title">Evento</h1>
    <ion-content class="padding">
            <h4>{{ | date:"dd/MM/yyyy 'a las' HH:mm"}}</h4>

            <div id="map" data-tap-disabled="true"></div>


Hope you guys can help. Thanks very much!

If u wanna see more code, its on github

nobody here? still trying to make it work

try this maybe, worked for me…
google.maps.event.addListenerOnce(map, 'idle', function() { google.maps.event.trigger(map, 'resize'); });

I got exactly the same Problem… Any solution ?