AngularJS $location doesn't work with google.maps.event listener

Question

I initialize a google map within a angularJS controller and add a listener to map event

google.maps.event.addListener(map, 'dragend', MapMoveAround);
......
function MapMoveAround() {
    console.log($location.url());
    $location.path('/other_path');
    console.log($location.url());
}

The console shows the url is changed when I trigger the google map event, but I stay at the old page. If I change $location.path('/other_path') to

window.location.replace('/#/other_path')

it will go the new page, but "Back" button won't work.

Can anyone provide an AngularJS solution for it?

you need to use $scope.$apply() in order to run digest cycle — Pankaj Parkar
– Pankaj Parkar, Commented Mar 26, 2015 at 20:02

Pankaj Parkar · Accepted Answer · 2015-03-26 20:28:08Z

1

Run angular code through events will not run the digest cycle, in this case you need to run it manually using $scope.$apply() in order to getting work your $location changes.

Code

google.maps.event.addListener(map, 'dragend', MapMoveAround);
......
function MapMoveAround() {
    console.log($location.url());
    $scope.$apply(function(){
      $location.path('/other_path');
    })
    console.log($location.url());
}

edited Mar 26, 2015 at 20:28

answered Mar 26, 2015 at 20:04

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Comments

user2327486 · Accepted Answer · 2015-10-20 23:56:34Z

0

following code also working fine for ...

 google.maps.event.addListener(map, 'dragend', MapMoveAround);
......
function MapMoveAround() {
  console.log($location.url());
  $timeout(function() {
    $location.path('/other_path');
  }, 500)
  console.log($location.url());
}

answered Oct 20, 2015 at 23:56

user2327486

115 bronze badges

Collectives™ on Stack Overflow

AngularJS $location doesn't work with google.maps.event listener

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related