小编Mar*_*een的帖子

Angular 2+ Google Maps从地图上的点击位置获取坐标以更新标记位置

我想做一些可能非常简单的事情,但我似乎无法弄明白.

我将Angular2 + Google Maps模块集成到我的Angular项目(https://angular-maps.com/).现在我希望能够通过点击地图上的某个位置来替换标记.为此,我需要获取用户在地图上单击的位置的坐标.如果我有这些坐标,我可以更新经度和纬度来移动标记.但是我不知道如何获取点击的位置.

这是我在html文档中的地图实现:

<agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="zoom" [streetViewControl]="false" [mapTypeControl]="true" [fullscreenControl]="true" (mapClick)="placeMarker()">
   <agm-marker [latitude]="latitude" [longitude]="longitude" [iconUrl]="'assets/geomarker.png'"></agm-marker>
   <agm-circle [latitude]="latitude" [longitude]="longitude" [radius]="20" [fillOpacity]="0.50" [fillColor]="'#00A19A'"></agm-circle>
</agm-map>
Run Code Online (Sandbox Code Playgroud)

我正在使用mapClick输出事件.(https://angular-maps.com/api-docs/agm-core/components/AgmMap.html)但是这个事件似乎没有发出任何坐标.我现在正在这样做:

placeMarker(){
  console.log(event);
}
Run Code Online (Sandbox Code Playgroud)

这是输出:

MouseEvent {isTrusted: true, screenX: 3657, screenY: 67, clientX: 401, clientY: 318…}
altKey
:
false
bubbles
:
true
button
:
0
buttons
:
0
cancelBubble
:
false
cancelable
:
true
clientX
:
401
clientY
:
318
composed
:
true
ctrlKey
:
false
currentTarget
:
null
defaultPrevented
: …
Run Code Online (Sandbox Code Playgroud)

google-maps coordinates google-maps-markers angular

8
推荐指数
1
解决办法
1万
查看次数