如何使用angular google地图(AGM)获取绘制多边形的坐标

Angular Google Maps (AGM) 是一个用于在 Angular 应用中集成 Google 地图的开源库。它提供了一组组件和指令，使开发者能够轻松地在应用中使用 Google 地图的各种功能。

要使用 AGM 获取绘制多边形的坐标，可以按照以下步骤进行操作：

1. 首先，确保你的 Angular 项目已经集成了 AGM。你可以通过在项目中安装 AGM 包来实现，具体的安装步骤可以参考 AGM 的官方文档。
2. 在你的组件中引入 AGM 相关的模块和服务。你可以使用以下代码导入 AGM 模块和服务：

import { Component } from '@angular/core';
import { MouseEvent } from '@agm/core';

@Component({
  selector: 'app-map',
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.css']
})
export class MapComponent {
  // 定义一个空数组来存储多边形的坐标
  polygonCoords: Array<LatLngLiteral> = [];

  // 处理地图上的点击事件，获取点击位置的坐标
  mapClicked($event: MouseEvent) {
    this.polygonCoords.push($event.coords);
  }
}

1. 在你的 HTML 模板中使用 AGM 组件来显示地图，并绑定点击事件。你可以使用以下代码来实现：

<agm-map [latitude]="lat" [longitude]="lng" (mapClick)="mapClicked($event)">
  <agm-polygon [paths]="polygonCoords"></agm-polygon>
</agm-map>

在上面的代码中，lat 和 lng 是地图的初始中心点坐标，mapClick 是地图点击事件的绑定，polygonCoords 是用来存储多边形坐标的数组。

1. 最后，你可以在组件中使用 polygonCoords 数组来获取绘制多边形的坐标。你可以在需要的地方使用该数组进行进一步的处理，比如保存到数据库或进行其他操作。

AGM 提供了丰富的功能和选项，可以根据实际需求进行配置和使用。你可以参考 AGM 的官方文档来了解更多关于 AGM 的功能和用法。

推荐的腾讯云相关产品：腾讯云地图服务（https://cloud.tencent.com/product/maps）