Angular 9& google地图标记点击事件不能正常工作

Angular 9是一种流行的前端开发框架，它基于TypeScript构建，并且由Google维护和支持。它提供了一种结构化的方法来构建Web应用程序，并且具有丰富的功能和工具集。

Google地图是一种流行的地图服务，它提供了丰富的地图数据和功能，可以在Web应用程序中集成地图显示、标记、导航等功能。

在Angular 9中，要实现Google地图标记的点击事件，可以按照以下步骤进行操作：

首先，确保已经在Angular项目中正确引入了Google地图API。可以通过在index.html文件中添加以下代码来引入Google地图API：

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

请将YOUR_API_KEY替换为您自己的Google地图API密钥。

在组件的HTML模板中，使用<agm-map>标签来显示地图，并在其中添加<agm-marker>标签来创建地图标记。例如：

<agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom">
  <agm-marker [latitude]="markerLat" [longitude]="markerLng" (markerClick)="onMarkerClick()"></agm-marker>
</agm-map>

请将lat、lng、zoom、markerLat和markerLng替换为相应的经纬度和缩放级别。

在组件的TypeScript文件中，定义相应的经纬度和缩放级别的变量，并实现onMarkerClick()方法来处理标记的点击事件。例如：

lat: number = 51.678418;
lng: number = 7.809007;
zoom: number = 12;
markerLat: number = 51.678418;
markerLng: number = 7.809007;

onMarkerClick() {
  console.log("Marker clicked!");
  // 在这里可以添加处理点击事件的逻辑
}

在onMarkerClick()方法中，您可以根据需要添加处理点击事件的逻辑。

推荐的腾讯云相关产品是腾讯地图服务（https://cloud.tencent.com/product/maps），它提供了丰富的地图服务和API，可以用于在Web应用程序中集成地图功能。

希望以上信息能对您有所帮助！