Перемещение маркеров с помощью мыши в angular google maps

101
17

Я делаю проект angular. Он содержит карту 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>

На карте будут показаны все добавленные маркеры. Мне нужна функция для динамического перемещения этих маркеров с помощью мыши. Пожалуйста, дайте мне ценный ориентир на это?
Благодаря


Plunker

спросил(а) 2021-01-25T13:11:32+03:00 4 месяца, 4 недели назад
1
Решение
63

Решена проблема, указав директиву 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>

ответил(а) 2021-01-25T13:11:32+03:00 4 месяца, 4 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема