Перемещение маркеров с помощью мыши в угловых картах Google

Question

Я делаю угловой проект. Он содержит карту google с использованием angular-google-maps. На этой карте пользователь может добавить много markers.

app.js

angular.module('mapAngular', ['uiGmapgoogle-maps']) 
    .controller('MainCtrl', function($scope) { 
     angular.extend($scope, { 
      map: { 
       center: { 
        latitude: 42.3349940452867, 
        longitude: -71.0353168884369 
       }, 
       zoom: 11, 
       markers: [], 
       events: { 
        click: function(map, eventName, originalEventArgs) { 
         var e = originalEventArgs[0]; 
         var lat = e.latLng.lat(), 
          lon = e.latLng.lng(); 
         var marker = { 
          id: Date.now(), 
          coords: { 
           latitude: lat, 
           longitude: lon 
          } 
         }; 
         $scope.map.markers.push(marker); 
         console.log($scope.map.markers); 
         $scope.$apply(); 
        } 
       } 
      } 
     }); 
    }); 

HTML

<div> 
    <ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" events="map.events"> 
     <ui-gmap-marker ng-repeat="m in map.markers" coords="m.coords" icon="m.icon" idkey="m.id"></ui-gmap-marker> 
    </ui-gmap-google-map> 
</div> 

На карте будут показаны все добавил markers.I нужна функция, чтобы переместить эти маркеры динамически с помощью mouse.Please дать мне ценное руководство к этому? Благодаря

Plunker

Answer 1

Решенный вопрос, давая options="{draggable:true}", чтобы <ui-gmap-marker> директивы.

<ui-gmap-marker ng-repeat="m in map.markers" coords="m.coords" icon="m.icon" idkey="m.id" options="{draggable:true}" > 
</ui-gmap-marker>