Angular-google-maps: AGM mapClick ($ event)이 제대로 작동하지 않습니다.

이 수정에 대한 ETA? 또는 해결 방법?

나는 똑같은 문제가 발생했습니다.

아무도이 문제를 해결할 수 있습니까?

이 문제를 해결하려면 이전 버전을 사용해야합니까?

아무도이 문제를 해결할 수 있습니까?

아무도이 문제를 해결할 수 있습니까?

이 버그는 중요하므로지도와의 기본 상호 작용을 무효화하므로 지금은 이전 버전을 사용하는 것이 좋습니다.

아무도이 문제를 해결할 수 있습니까?

이 버그는 중요하므로지도와의 기본 상호 작용을 무효화하므로 지금은 이전 버전을 사용하는 것이 좋습니다.

예, 이전 버전 1.1.0 (8 개월 전)이 정상적으로 작동합니다.

# 1847의 간단한 수정, @SebastianM 의 검토 대기

같은 문제가 발생합니다. mapClick의 $ event는 문자열 "c"를 반환합니다. 이 문제가 언제 수정 될지 아십니까? 이전 버전으로 전환하는 것 외에 다른 해결책이 있습니까?

해결 방법으로 Google지도 인스턴스에 리스너를 추가 할 수 있습니다.

<agm-map [latitude]="position.lat"
         [longitude]="position.lng"
         [zoom]="zoom"
         (mapReady)="mapReadyHandler($event)">
</agm-map>

public mapReadyHandler(map: google.maps.Map): void {
  this.map = map;
  this.mapClickListener = this.map.addListener('click', (e: google.maps.MouseEvent) => {
    this.zone.run(() => {
      // Here we can get correct event
      console.log(e.latLng.lat(), e.latLng.lng());
    });
  });
}

public ngOnDestroy(): void {
  if (this.mapClickListener) {
    this.mapClickListener.remove();
  }
}

누구든지이 문제를 해결할 수 있습니까?

지금은 이전 버전을 사용하는 것이 좋습니다.이 버그는 중요하므로지도와의 기본적인 상호 작용을 거부합니다.

예, 이전 버전 1.1.0 (8 개월 전)이 정상적으로 작동합니다.

버전 1.1.0에서 작동하는 경우 npm i @ agm / [email protected] 명령을 사용하십시오.

언제 출시 되나요?

"@ agm / core"에 동일한 문제가 있음 : "^ 3.0.0-beta.0"

@ egorkel-da14 해결 방법을 시도하고 있지만이 메시지가 나타납니다.
Uncaught TypeError: Cannot read property 'run' of undefined
this.zone.run(...) 전화 할 때

여기에 뭔가 빠졌나요?

업데이트 : 해당 라인을 생략하면 좌표를 얻을 수있는 것 같습니다.

    public mapReadyHandler(map: google.maps.Map): void {
        this.map = map;
        this.mapClickListener = this.map.addListener('click', (e: google.maps.MouseEvent) => {
            console.log(e.latLng.lat(), e.latLng.lng());
        });
    }

@ egorkel-da14 해결 방법을 시도하고 있지만이 메시지가 나타납니다.
Uncaught TypeError: Cannot read property 'run' of undefined
this.zone.run(...) 전화 할 때

여기에 뭔가 빠졌나요?

업데이트 : 해당 라인을 생략하면 좌표를 얻을 수있는 것 같습니다.

    public mapReadyHandler(map: google.maps.Map): void {
        this.map = map;
        this.mapClickListener = this.map.addListener('click', (e: google.maps.MouseEvent) => {
            console.log(e.latLng.lat(), e.latLng.lng());
        });
    }

예 :)
생성자에 NgZone 서비스를 주입해야합니다.

constructor(private zone: NgZone) {}

각도 변경 감지의 적절한 작업을 위해이 줄이 필요합니다 (적절한 뷰 업데이트를 위해).
헉

event.latLng.lat () 호출 작동
markerDragEnd ($ event : any) {
console.log ($ event.latLng.lat (), $ event.latLng.lng ());
}

addPin 기능과 동일한 문제가 있지만 사용자 로케일에 따라지도를 번역하려면 버전 3.0.0을 사용해야합니다. 그래서 번역이있는 버전이고 핀 추가 기능이 이전에 게시되었는지 여부를 알아야합니다. (버전 1.1.0에서는 번역을 사용할 수 없기 때문에)

누구든지이 문제를 해결할 수 있습니까?

지금은 이전 버전을 사용하는 것이 좋습니다.이 버그는 중요하므로지도와의 기본적인 상호 작용을 거부합니다.

예, 이전 버전 1.1.0 (8 개월 전)이 정상적으로 작동합니다.

버전 1.1.0에서 작동하는 경우 npm i @ agm / [email protected] 명령을 사용하십시오.

Angular 10으로?

해결 방법으로 Google지도 인스턴스에 리스너를 추가 할 수 있습니다.

<agm-map [latitude]="position.lat"
         [longitude]="position.lng"
         [zoom]="zoom"
         (mapReady)="mapReadyHandler($event)">
</agm-map>

public mapReadyHandler(map: google.maps.Map): void {
  this.map = map;
  this.mapClickListener = this.map.addListener('click', (e: google.maps.MouseEvent) => {
    this.zone.run(() => {
      // Here we can get correct event
      console.log(e.latLng.lat(), e.latLng.lng());
    });
  });
}

public ngOnDestroy(): void {
  if (this.mapClickListener) {
    this.mapClickListener.remove();
  }
}

이 코드에 감사드립니다. 매우 유용합니다. 좋은 하루 되세요.