本章节包含地图的点击和长按、相机移动（华为地图的移动是通过模拟相机移动的方式实现的）、以及“我的位置”按钮点击等事件监听。

## 接口说明

以下是地图监听事件相关接口，以下功能主要由[MapEventManager](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapeventmanager)提供，可通过[getEventManager](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapcomponentcontroller#section154601059144812)方法获得[MapEventManager](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapeventmanager)，更多接口及使用方法请参见[接口文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapeventmanager)。

展开

| 接口名 | 描述 |
| --- | --- |
| [on](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapeventmanager#section824544714394)(type: 'mapClick', callback: Callback<[mapCommon.LatLng](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-common#section20691173773810)>): void | 设置地图点击事件监听器。 |
| [on](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapeventmanager#section0257247133915)(type: 'mapLongClick', callback: Callback<[mapCommon.LatLng](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-common#section20691173773810)>): void | 设置地图长按事件监听器。 |
| [on](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapeventmanager#section6240147113918)(type: 'cameraMoveStart', callback: Callback<number>): void | 设置相机开始移动事件监听器。 |
| [on](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapeventmanager#section142347477396)(type: 'cameraMove', callback: Callback<void>): void | 设置相机移动事件监听器。 |
| [on](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapeventmanager#section1963201310319)(type: 'cameraIdle', callback: Callback<void>): void | 设置相机移动结束事件监听器。 |
| [on](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapeventmanager#section19286104716392)(type: 'markerClick' , callback: Callback<[Marker](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-marker)>): void | 设置标记点击事件监听器。 |
| [on](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapeventmanager#section9264124723916)(type: 'myLocationButtonClick', callback: Callback<void>): void | 设置我的位置按钮点击事件监听器。 |
| [on](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-mapeventmanager#section636111479397)(type: 'pointAnnotationClick', callback: Callback<[PointAnnotation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/map-map-pointannotation)>): void | 设置点注释点击事件监听器。 |

## 开发步骤

### 初始化地图组件的事件管理接口

收起

自动换行

深色代码主题

复制

```
1. this.mapEventManager = this.mapController.getEventManager();
```

### 地图点击事件监听

收起

自动换行

深色代码主题

复制

```
1. let callback = (position: mapCommon.LatLng) => {
2. console.info("mapClick", `on-mapClick position = ${position.longitude}`);
3. };
4. this.mapEventManager.on("mapClick", callback);
```

### 地图长按事件监听

收起

自动换行

深色代码主题

复制

```
1. let callback = (position: mapCommon.LatLng) => {
2. console.info("mapLongClick", `on-mapLongClick position = ${position.longitude}`);
3. };
4. this.mapEventManager.on("mapLongClick", callback);
```

### 相机移动监听

相机移动时（华为地图的移动是通过模拟相机移动的方式实现的），通过设置监听器，能够对相机移动状态进行监听。

* 当相机开始移动时，会回调cameraMoveStart。

收起

自动换行

深色代码主题

复制

```
1. let callback = (reason: number) => {
2. console.info("cameraMoveStart", `on-cameraMoveStart reason = ${reason}`);
3. };
4. this.mapEventManager.on("cameraMoveStart", callback);
```

* 当相机移动或用户与触摸屏交互时，会多次调用cameraMove。

收起

自动换行

深色代码主题

复制

```
1. let callback = () => {
2. console.info("cameraMove", `on-cameraMove`);
3. };
4. this.mapEventManager.on("cameraMove", callback);
```

* 当相机停止移动时，会回调cameraIdle。

收起

自动换行

深色代码主题

复制

```
1. let callback = () => {
2. console.info("cameraIdle", `on-cameraIdle`);
3. };
4. this.mapEventManager.on("cameraIdle", callback);
```

### 标记点击事件监听

标记是指在地图的指定位置添加标记以标识位置、商家、建筑等。详情请参见[标记](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/map-marker)。

收起

自动换行

深色代码主题

复制

```
1. let callback = (marker: map.Marker) => {
2. console.info("markerClick", `markerClick: ${marker.getId()}`);
3. };
4. this.mapEventManager.on("markerClick", callback);
```

### 我的位置监听

详情请参见[显示我的位置](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/map-location)。

收起

自动换行

深色代码主题

复制

```
1. let callback = () => {
2. console.info("myLocationButtonClick", `myLocationButtonClick`);
3. };
4. this.mapEventManager.on("myLocationButtonClick", callback);
```

### 点注释事件监听

点注释是指在地图的指定位置添加点注释以标识位置、商家、建筑等，并可以通过信息窗口展示详细信息。详情请参见[点注释](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/map-annotation)。

收起

自动换行

深色代码主题

复制

```
1. let callback = (pointAnnotation: map.PointAnnotation) => {
2. console.info("pointAnnotationClick", `pointAnnotationClick: ${pointAnnotation.getId()}`);
3. };
4. this.mapEventManager.on("pointAnnotationClick", callback);
```