map组件自带的@tap
事件不支持H5端,但是理论上点击地图,应该可以获取到点击点的坐标
代码如下
<map class="map" id="popMap" ref="mapRef" :circles="circles" :latitude="latitude" :longitude="longitude"
@updated="mapClick()"></map>
使用ref
获取点击的坐标
mapClick() {
this.$refs.mapRef._maps.event.addListener(this.$refs.mapRef._map, 'click', (e) => {
console.log('lng:',e.lnglat.lng)
console.log('lat:',e.lnglat.lat)
})
原理是在地图渲染的时候通过@updated
给map
组件添加点击click事件,获取点击点的经纬度