美文网首页
uni-app的App端点击Map组件获取经纬度的方法

uni-app的App端点击Map组件获取经纬度的方法

作者: 花影_62b4 | 来源:发表于2021-04-20 10:55 被阅读0次

注意:map组件如果放在uni-popup里面会有层级问题,造成不显示的问题,我是直接放在根元素下面,控制显隐解决的

<map ref='popMap' v-show="popShow" id="popMap"

style="width:680rpx;box-sizing: border-box; height: 60vh;position: absolute;z-index: 1000; bottom:200rpx "

:latitude="latitude" :longitude="longitude" :markers="markers" @tap='addSite'>

</map>

addMapEvent() {

let that = this;

var maps = uni.createMapContext("popMap", this).$getAppMap();

maps.onclick = function(point) {

console.log(point);

that.lon = point.longitude

that.lat = point.latitude

that.markers = [];

that.markers = [{

id: 1,

latitude: point.latitude,

longitude: point.longitude,

iconPath: marker,

title: "我的位置"

}]

}

},

相关文章

网友评论

      本文标题:uni-app的App端点击Map组件获取经纬度的方法

      本文链接:https://www.haomeiwen.com/subject/xkoglltx.html