當我單擊任何地方或打開信息窗口時，我想從agm-map中獲取確切的坐標

Question

這是圖片，請看

 <agm-map (mapClick)="mapClicked($event)" [latitude]="latitude" [longitude]="longitude" [scrollwheel]="false" [zoom]="zoom"> <agm-marker (markerClick)="mapClicked(place)" *ngFor="let place of searchplace" [iconUrl]="place.icon" [latitude]="place.geometry.location ? place.geometry.location.lat() : ''" [longitude]="place.geometry.location ? place.geometry.location.lng() : ''"> </agm-marker> </agm-map> 

我正在使用agm-map，在任何地方單擊時都想獲取coords / placeId。 我只想獲取此地點信息以獲取地點詳細信息。我使用了mapClick函數，但它沒有給我特定的地點信息。每當我單擊任何地方並打開信息窗口時，請幫助我獲取cords / placeId。

Answer 1

您可以獲取placeId的方法是監聽mapReady事件。 觸發時，您將獲得地圖的實例，然后可以向其中添加點擊偵聽器。 當用戶單擊地圖上的某個地點時，如果它是Google Maps上的一個地點（又稱“ 興趣點”或“ 興趣點”），那么您將獲得一個包含該地點的placeId的對象。

map.component.html：

<agm-map (mapReady)="onMapReady($event)" ... ></agm-map>

map.component.ts：

public onMapReady(map) {
  map.addListener('click', (e) => {
    ...
  });
}

在上面的代碼中，“ e”將是包含placeId的對象（如果用戶單擊了某個位置）。 如果用戶未單擊某個位置，則不會返回placeId 。

注意：我認為他們正在（一種特定於AGM的）方式通過mapClick事件返回placeId的mapClick ，但是暫時-在實現和發布該方法之前，這應該可行。