Undefined LatLng google map in AngularJs Controller

Question

I want to retrieve the longitude and latitude position of my click mouse event, but i can't, it gives me Undefined. Any one can help me please ?
I'm using AngularJS and I found that we can do

google.maps.event.addListener(map, 'click', function(event) {
    console.log(event.latLng);
});

But I can't do so in my controller it gives me an error, or maybe i don't know how to use that!!

here is my code :

$scope.map = {
        center: {
            latitude: 36,
            longitude: -80 
        },
        events: {
            "click": function (event) {
                console.log(event.latLng);
              }
         }
     }

and I tried that too but it gives me (Nan,Nan)

  $scope.map = {
            center: {
                latitude: 36,
                longitude: -80 
            },
            events: {
                "click": function (event) {
                    var pos = new google.maps.LatLng(event.latLng, event.latLng);
                    console.log("position: " + pos);
                  }
             }
         }

Ayyoub · Accepted Answer · 2015-04-01 14:33:27Z

1

I could solve it like that

  events: {
        tilesloaded: function (map, eventName, originalEventArgs) {
            //map is trueley ready then this callback is hit
        },
        click: function (mapModel, eventName, originalEventArgs) {
            var e = originalEventArgs[0];
            var lat = e.latLng.lat(),lon = e.latLng.lng();
            console.log("lat long: "lat, lon);
            $scope.$apply();
        }
    }

answered Apr 1, 2015 at 14:33

Ayyoub

1,3952 gold badges16 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

Undefined LatLng google map in AngularJs Controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related