<template>
<view style="width: 100%; height: 100%;">
<map style="width: 100%; height: 100%;" id="popMap">
</map>
</view>
</template>
mounted() {
this.addMapEvent()
},
methods: {
addMapEvent() {
let that = this;
var maps = uni.createMapContext("popMap", this).$getAppMap();
maps.onclick = function(point) {
console.log(point,"point")
that.longitude = point.longitude
that.latitude = point.latitude
that.covers = [];
that.covers = [{
id: 2, //点击时候是第二次作为标记点定义。id为2,不能重复
latitude: point.latitude,
longitude: point.longitude,
iconPath: img,
fontSize: 80,
title: "所选位置"
}]
let pages = getCurrentPages()
let prevPage = pages[pages.length - 2]
let currentLocat = that.longitude + ',' + that.latitude
prevPage.$vm.getMapValue(currentLocat)
setTimeout(res=>{
uni.navigateBack({
delta: 1 // 返回的页面数
})
},1000)
}
},
}
解决uni-app使用map组件,在h5项目中@tap事件不返回经纬度的问题 @addMapEvent代替@tap
最新推荐文章于 2024-06-26 15:11:04 发布