第二次无法加载谷歌地图API

Question

我正在学习AngularJS和Ionic，我正在将Google Maps API v3添加到我的应用中。

这是我的控制者：

$scope.drawMap = function(position) {
    $scope.$apply(function() {
        $scope.abc.lng = resp.data[0].longit;
        $scope.abc.lat = resp.data[0].latit;
        $scope.map = {
            center: {
                latitude: $scope.abc.lat,
                longitude: $scope.abc.lng
            },
            zoom: 17
        };
        $scope.marker = {
            id: 0,
            coords: {
                latitude: $scope.abc.lat,
                longitude: $scope.abc.lng
            }
        };
        $scope.marker.options = {
            draggable: false,
            labelAnchor: "80 120", //marker position
            labelClass: "marker-labels"
        };
    });
}
navigator.geolocation.watchPosition($scope.drawMap);
 $scope.$on('$ionicView.leave', function(){
   map.remove();
 });

}）; }）

这是我的HTML：

<ui-gmap-google-map center='map.center' zoom='map.zoom' events="map.markersEvents">
    <ui-gmap-marker coords="marker.coords" options="marker.options" idkey="marker.id">
    </ui-gmap-marker>
</ui-gmap-google-map>

指令：

starter.directive('googleMap', function(){
    return {
        templateUrl:"templates/google-map.html",
        link: function(scope, ele, attrs){

        }
    }
})

resp.data有latlng个地址列表，当我进入该页面时，我可以加载地图。

但是当我回到最后一页并选择其他地址时，它无法加载我可以console.log latlng的地图。