1
resposta

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

Oi Walter, tudo bem? Você teve algum progresso para encontrar a solução? Não sou nenhum especialista em Ionic, mas gostaria de tentar te ajudar.

Me mostra o código que chama essa exibição do mapa por favor? Mais uma informação, você tá testando no Android, é isso?