mohsen-angular-leaflet-directive
Version:
angular-leaflet-directive - An AngularJS directive to easily interact with Leaflet maps
29 lines • 1.14 kB
JavaScript
app.controller("MarkersEventsController", [ "$scope", "leafletMarkerEvents", "leafletLogger", function($scope, leafletMarkerEvents, leafletLogger) {
$scope.center = {
lat: 51.505,
lng: -0.09,
zoom: 8
};
$scope.markers = {
london: {
lat: 51.505,
lng: -0.09,
draggable: true,
message: "I'm a draggable marker",
focus: true
}
}
$scope.events = {
markers: {
enable: leafletMarkerEvents.getAvailableEvents(),
}
};
$scope.eventDetected = "No events yet...";
var markerEvents = leafletMarkerEvents.getAvailableEvents();
for (var k in markerEvents){
var eventName = 'leafletDirectiveMarker.myMap.' + markerEvents[k];
$scope.$on(eventName, function(event, args){
$scope.eventDetected = event.name;
});
}
}]);