Angular 10 - Openlayers 获取地图坐标（点击）答案

【问题标题】：Angular 10 - Openlayers get map coordinates on (click)Angular 10 - Openlayers 获取地图坐标（点击）
【发布时间】：2019-08-03 06:50:45
【问题描述】：

我的 Angular 地图组件中有一个 OpenLayers 地图。我需要在 Angular (click) 事件上获取地图的点击坐标。在Javascript中很简单，只需添加以下代码：

map.on('click', function(evt) {
  var coordinate = evt.coordinate;
}

在map.component.html的Angular中，我添加了以下代码：

<div id="map" (click)="getCoord($event)" class="map"></div>

并在我的map.component.ts 中创建了getCoord() 函数，就像这样：

getCoord(event: any){
    var coordinate = this.map.getEventPixel(event);
 }

对于同一个点击事件，javascript返回这个坐标，就是我需要的那个

数组 [-180047.42012573266, 5279667.9723422285]

但是在角度上，我得到了这个：

数组 [480, 221]

知道如何使用 Angular 获得正确的坐标，或者如何将第二个坐标转换为第一个坐标？我真的陷入了困境。

谢谢！

【问题讨论】：

【解决方案1】：

终于用getEventCoordinate()解决了：

 getCoord(event: any){
    var coordinate = this.map.getEventCoordinate(event);
 }

对于map.component.html中产生的点击事件：

<div id="map" (click)="getCoord($event)" class="map"></div>

【讨论】：