Angular google-maps passing coordinates from $http

Question

I am using Nicolas Laplante google-maps (http://nlaplante.github.io/angular-google-maps/) module. I have problem when passing coordinates for center property from asynchronous call:

This is my controller:

app.controller('baznaCtrl',function($scope,$routeParams,$http){
    $scope.idB=$routeParams;
    $scope.latitude=0;
    $scope.longitude=0;
    $http.get('https://my web service/json/'+$scope.idB.lokid).success(function(data){
        $scope.bs=data;
        $scope.latitude=$scope.bs.lattitude.replace(',','.');
        $scope.longitude=$scope.bs.longitude.replace(',','.');
    }); 

    angular.extend($scope,{
        center : {
            latitude: $scope.latitude,
            longitude:$scope.longitude
        },
        markers:[],
        zoom: 8
    });     
});

It seems that google-map does not changing it's center property when data comes from $http call. It is always 0,0 (because of initial values of $scope.latitude and $scope.longitude).

Community · Accepted Answer · 2017-05-23 11:57:21Z

1

Please use promises in angular js to make the ajax calls work perfectly.

Refer these examples:

What is the best practice for making an AJAX call in Angular.js?

http://markdalgleish.com/2013/06/using-promises-in-angularjs-views/

edited May 23, 2017 at 11:57

CommunityBot

11 silver badge

answered Oct 18, 2013 at 7:42

webcoder

6296 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tomislav Over a year ago

So you suggest that I have to put $http call in the factory and then use data from it as promise for google map center property?

Collectives™ on Stack Overflow

Angular google-maps passing coordinates from $http

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related