Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Aplicação em Ionic1 não exibe o mapa depois que voce sai e volta para a tela dele

Boa tarde pessoal. Estou desenvolvendo uma aplicação para Android/IOS usando o Ionic 1. Nesta aplicação, em uma certa janela modal, é exibido um mapa do Google maps com o apontamento de localização do aparelho na região além de outros dados do local. Acontece que se eu saio desta tela e volto para a tela prinicpal da aplicação, depois eu volto a entrar na tela que exibe o mapa, ele não é mais exibido. As informações do local são exibidas já que são obtidas via Webservice, mas o mapa não aparece Fica branco no lugar. Alguém sabe o que pode ser? Já tentei mudar diretivas de cache e nada.

Segue abaixo o código para exibição do mapa:

$scope.showMap = function ($latitude, $longitude){

var destLatlng = new google.maps.LatLng($latitude, $longitude);
var origLatlng = new google.maps.LatLng($scope.latitude, $scope.longitude);

var mapOptions = {
    mapTypeControl: false,
    streetViewControl: false,
    zoomControl: false,
    fullscreenControl: true,
    rotateControl: true,
    center: destLatlng,
    zoom: 17,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"),
    mapOptions);

//Marker + infowindow + angularjs compiled ng-click
var contentString = "<div><a ng-click='clickTest()'>Click me!</a></div>";
var compiled = $compile(contentString)($scope);

var infowindow = new google.maps.InfoWindow({
  content: compiled[0]
});

var markerdest = new google.maps.Marker({
  position: destLatlng,
  map: map,
  title: 'Irei aqui'
});

var markerorigin = new google.maps.Marker({
  position: origLatlng,
  map: map,
  title: 'Estou aqui'
});

google.maps.event.addListener(markerorigin, 'click', function() {
  infowindow.open(map,marker);
});

google.maps.event.addListener(markerdest, 'click', function() {
  infowindow.open(map,marker);
});
$scope.map = map;

}