我想做一些可能非常简单的事情,但我似乎无法弄明白.
我将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)