angularjs - ng-map: How can I get the Marker object when I click it? -


i using pretty cool ng-map library angular, , want know how access underlying marker object referenced ng-map marker directive

so, have markup:

<div id="map-search" data-tap-disabled="true">   <map zoom="15" disable-default-u-i="true">     <marker ng-repeat=" pos in positions" position="{{pos.latitude}}, {{pos.longitude}}" id="{{pos.index}}" on-click="pinclicked()">     </marker>   </map> </div> 

i haven't found straight-forward way of accessing google maps marker object during on-click event in case; controller:

  app.controller('mapsearchcontroller', function($scope) {        $scope.$on('mapinitialized', function(event, map) {         $scope.map = map;         //assume existence of array of markers         $scope.positions = generatepinpositionsarray();       });        $scope.pinclicked = function(event, marker) {         console.log('clicked pin!');         //how can marker object (the 1 clicked) here?         console.log('the marker ->', marker); //prints undefined       };   }); 

thanks in advance,

you need create array of markers ! that's (in opinion) way. see here

update: plunkr works you?

the idea pass marker on event on-click="pinclicked(this)". , can catch later on controller: $scope.pinclicked = function(events, marker) {...}


Comments

Popular posts from this blog

django - (fields.E300) Field defines a relation with model 'AbstractEmailUser' which is either not installed, or is abstract -

matlab - error with cyclic autocorrelation function -

php - Using grpc in Laravel, "Class 'Grpc\ChannelCredentials' not found." -