uniapp中,如何使用@markertap来获取地图上被点击的点位图标的信息
时间: 2023-12-06 20:44:50 浏览: 306
在Uniapp中使用@markertap来获取地图上被点击的点位图标的信息,具体步骤如下:
1. 首先在地图组件上添加@markertap事件监听器,例如:
```
<map :markers="markers" @markertap="onMarkerTap"></map>
```
2. 在Vue实例中定义onMarkerTap方法并传入event参数,例如:
```
export default {
data() {
return {
markers: [
{
id: 1,
latitude: 39.90469,
longitude: 116.40717,
iconPath: '/static/img/marker.png',
title: '北京市'
},
{
id: 2,
latitude: 31.23037,
longitude: 121.4737,
iconPath: '/static/img/marker.png',
title: '上海市'
}
]
}
},
methods: {
onMarkerTap(event) {
console.log(event.markerId) // 输出被点击的点位图标的id
console.log(event.markerTitle) // 输出被点击的点位图标的标题
}
}
}
```
在onMarkerTap方法中,可以通过event.markerId和event.markerTitle分别获取被点击的点位图标的id和标题等信息。
阅读全文