如何使角度谷歌地图中的标记可拖动？

Question

我想使地图标记在地图中可拖动，所以它只是使它draggable="true" 但它不起作用。

<ui-gmap-google-map center='map.center' zoom='map.zoom' control='map.control' id="map-canvas"> 
    <ui-gmap-markers models="markers" draggable="true" coords="'coords'"> 
    </ui-gmap-markers> 
    </ui-gmap-google-map> 

Answer 1

缺失控制器？

angular.module('mapsApp', []) 
.controller('MapCtrl', function ($scope) { 

    var mapOptions = { 
     zoom: 4, 
     center: new google.maps.LatLng(40.0000, -98.0000), 
     mapTypeId: google.maps.MapTypeId.TERRAIN 
    } 

    $scope.map = new google.maps.Map(document.getElementById('map'), mapOptions); 

    $scope.markers = []; 

    var infoWindow = new google.maps.InfoWindow(); 

    var createMarker = function (info){ 

     var marker = new google.maps.Marker({ 
      map: $scope.map, 
      position: new google.maps.LatLng(info.lat, info.long), 
      draggable: true, 
      title: info.city 
     }); 
     marker.content = '<div class="infoWindowContent">' + info.desc + '</div>'; 

     google.maps.event.addListener(marker, 'click', function(){ 
      infoWindow.setContent('<h2>' + marker.title + '</h2>' + marker.content); 
      infoWindow.open($scope.map, marker); 
     }); 

     $scope.markers.push(marker); 

    }