Angular-google-maps in ionic modal


#1

I’ve incorporated angular-google-maps into a project. The issue I’m seeing is that when displaying from within an ionic modal the view isn’t centered even though its setup to be where the marker is [statue of liberty]. In short, initial centering isn’t working.

I’m not sure if its an ionic thing or a google maps issue:

I don’t experience this problem if the map isn’t wrapped in a modal. I could send to a new state but I’m really wanting to use a modal. Any insight would be great.

Thanks.


#2

Solved this - I placed the GoogleMapApi promise within the openModal function:

$scope.openModal = function () {
        $scope.modal.show();
        GoogleMapApi.then(function (map) {
               ....