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;
}