angular leaflet directive - 单击标记的双向属性

时间:2014-04-08 05:34:38

标签: angularjs leaflet

我正在使用angular-leaflet指令,我想知道我的标记对象数组中的哪个标记被点击了。我知道有一些方法可以获得类似于中心的双向属性,但是对于选定的标记。

1 个答案:

答案 0 :(得分:6)

您首先需要在events上配置$scope个对象:

angular.extend($scope, {
    events: {
      markers: {
        enable: ['click'],
        logic: 'emit'
      }
    },
    ...

并将其添加到leaflet元素:

<leaflet markers="markers" event-broadcast="events"></leaflet>

然后,注意控制器中的事件。标记的名称将通过markerName参数的args属性提供:

$scope.$on('leafletDirectiveMarker.click', function(event, args){
    console.log( $scope.markers[args.markerName]);
});

这是一个有效的演示:http://plnkr.co/1NCbo2zqri9GgdQxeTxJ