Angular-google-maps: How about 2-way binding on marker lat/lng?
(read title)
P.S. exportAs: 'agmMarker'
gizm0bill
All 4 comments
I'm new to Angular2 and AGM, but I would love this, really thought it would have been in already.
Does anyone know how to get the lat/lng from a dragged marker??
matt-lethargic
on 18 Jul 2017
@matt-lethargic Smth like this:
<agm-marker [markerDraggable]="true"
(dragEnd)="markerMoved($event)"
[latitude]="latitude || 39.8282"
[longitude]="longitude || -98.5795"></agm-marker>
markerMoved(e) {
const geocoder = new google.maps.Geocoder();
geocoder.geocode({'location': e.coords}, (res, status) => {
if (status === google.maps.GeocoderStatus.OK && res.length) {
this.ngZone.run(() => this.setLocation(res[0]));
}
})
}
setLocation(place) {
this.latitude = place.geometry.location.lat();
this.longitude = place.geometry.location.lng();
}
danymill
on 18 Jul 2017
<agm-marker (dragEnd)="draggEnded($event)" [markerDraggable]="true" [latitude]="tripMirror.departure?.latitude"
[longitude]="tripMirror.departure?.longitude" iconUrl="assets/icons/icon_marker_red.png"></agm-marker>
For some reason when I try to drag it I only move the entire map, I'm not able to move the marker...any help on this?
rojasjandro89
on 5 Sep 2017
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
![stale[bot] picture](https://avatars.githubusercontent.com/in/1724?v=4&s=40)
stale[bot]
on 14 Nov 2018
Related issues
matishw
路
3Comments
Subhojit1992
路
3Comments
nthonymiller
路
4Comments
maneesht
路
3Comments
dineshkumar20
路
3Comments
Most helpful comment
@matt-lethargic Smth like this:
<agm-marker [markerDraggable]="true" (dragEnd)="markerMoved($event)" [latitude]="latitude || 39.8282" [longitude]="longitude || -98.5795"></agm-marker>markerMoved(e) { const geocoder = new google.maps.Geocoder(); geocoder.geocode({'location': e.coords}, (res, status) => { if (status === google.maps.GeocoderStatus.OK && res.length) { this.ngZone.run(() => this.setLocation(res[0])); } }) }setLocation(place) { this.latitude = place.geometry.location.lat(); this.longitude = place.geometry.location.lng(); }