【问题标题】:agm marker Agm-marker dragEnd event is not returning coordinatesagm 标记 Agm-marker dragEnd 事件未返回坐标
【发布时间】:2021-03-03 11:11:45
【问题描述】:

Angular 谷歌地图 agm 标记拖动结束事件不返回坐标

<agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="zoom">
        <agm-marker [latitude]="latitude" [longitude]="longitude" [markerDraggable]="true"
           (dragEnd)="markerDragEnd($event)"></agm-marker>
    </agm-map>

 markerDragEnd($event: any) {
    console.log($event);
    this.latitude = $event.coords.lat;
    this.longitude = $event.coords.lng;
    this.getAddress(this.latitude, this.longitude);
  }

【问题讨论】:

  • 请任何人帮助我
  • 我正面临同样的问题。有什么解决办法吗?

标签: angular-google-maps


【解决方案1】:

我认为在新版本的 Angular 中,为了获得你想要的坐标,你必须这样做:

$event.latLng.lat()

因此,在您的情况下,函数 markerDragEnd 应该如下所示:

markerDragEnd($event: any) {
    console.log('lat', $event.latLng.lat()); //to see the latitude in the console
    console.log('lng', $event.latLng.lng()); // to see the longitude in the console
    this.latitude = $event.latLng.lat();
    this.longitude = $event.latLng.lng();
    this.getAddress(this.latitude, this.longitude);
}

【讨论】:

    【解决方案2】:

    现在是新版本,而不是您输入的$event.coords.lt

    $event.latLng.lat()
    
    markerDragEnd($event: any) {
        console.log("Something ", $event);
        this.latitude = $event.latLng.lat();
        this.longitude = $event.latLng.lng();
        this.getAddress(this.latitude, this.longitude);
      }
    

    【讨论】:

      猜你喜欢
      • 2018-09-05
      • 1970-01-01
      • 2019-03-19
      • 1970-01-01
      • 2019-07-14
      • 2018-04-08
      • 2018-06-01
      • 2018-11-04
      • 2019-04-02
      相关资源
      最近更新 更多