CODEWITHSUNDEEP
angularjsgoogle-mapsgeolocation
Austin Lovell
Austin Lovell

Reputation: 1049

angular-google-maps getting GEO location from mouse click

I am using the library angular-google-maps from http://angular-google-maps.org/. I am able to get most everything to work. What I am currently banging my head against is to get the "click" event to work on the map to give me the GEO location of where I clicked. Currently it's not even registering that I am clicking on the map.

Here is my partial:

<google-map 
    center="map.center"
    zoom="map.zoom"
    draggable='true'
    >


</google-map>

and here is the controller:

    // Create Map
    $scope.map = {
        center: {
            latitude: 40.296755,
            longitude: -111.696415
        },
        zoom: 13,
        events: {
            click: function (mapModel, eventName, originalEventArgs) {
                alert("hola?");
            }
        }

    };

Any help would be fantastic!

Upvotes: 4

Views: 2082

Answers (1)

jOshT
jOshT

Reputation: 1675

To add the event to the map, you need to attach an associative array (object) to the events attribute of the directive:

<google-map events="$scope.events" .... ></google-map>

In Controller:

$scope.events = {"click" : function () { console.log('woo-hoo') })

Upvotes: 4

Related Questions