@MrDrap

Как обновить координаты на карте при перетаскивании маркера google map?

Есть такой код
<ng-map zoom="12" center="{{map.address}}" default-style="true">
	<marker ng-repeat="marker in myMarkers" id="{{marker.id}}" position="{{marker.position}}" on-click="showDetail(event, marker)" icon="https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png" animation="DROP" draggable="true"></marker>
	<info-window id="bar" max-width="200">
        <div >
			Position: {{anchor.getPosition()}}<br/>
			<a href="#" ng-click="closeInfo()">Click Here</a>
		</div>
	</info-window>
</ng-map>

Код ангуляра
$scope.placeChanged = function() {
			vm.place = this.getPlace();
			vm.map.setCenter(vm.place.geometry.location);
			$scope.myMarkers = [];
			$scope.myMarkers.push({
				id: 'generalMarker',
				position: [vm.place.geometry.location.lat(),vm.place.geometry.location.lng()],
				name: 'marker'
			})
			
		};
		$scope.showDetail = function(e, marker) {
			vm.map.showInfoWindow('bar', marker.id);
		};
		
		$scope.closeInfo = function(e) {
			vm.map.hideInfoWindow('bar');
		};

Проблема в следующем, когда нажимаю на маркер, в инфоокне появляются координаты, двигаю метку, координаты не меняются, только при следующем клике, а мне надо сделать так, чтобы я зажал метку, начал ее двигать и в инфоокне отображались новые координаты. Как это сделать?
  • Вопрос задан
  • 164 просмотра
Решения вопроса 1
ThunderCat
@ThunderCat Куратор тега JavaScript
{PHP, MySql, HTML, JS, CSS} developer
В нативном жс:
google.maps.event.addListener(marker, 'dragend', function(evt){
   // do code here
}

если на всем протяжении - drag вместо dragend
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы