1.浏览器端
因为在浏览器可以通过window.addEventListener监听页面,
window.addEventListener(
'message',
(event) => {
// 接收位置信息,用户选择确认位置点后选点组件会触发该事件,回传用户的位置信息
var loc = event.data;
if (loc && loc.module == 'locationPicker') {
//防止其他应用也会向该页面post信息,需判断module是否为'locationPicker'
console.log('location', loc);
}
},
false
);
2.手机微信小程序端
使用腾讯地图 微信小程序提供的解决方法
先声明所需要的变量
//默认的经纬度,打开地图直接跳转到该地点,并展示附近地点
const location = ref();
// 所需要的key
const key = '';
//名称
const referer = '';
//title描述
const category = '选择企业所在地址';
代码:
点击跳转进入地图组件页面
<uv-button type="default" text="点击获取位置" @click="showChooseAddress"></uv-button>
wx.navigateTo({
url: `plugin://chooseLocation/index?key=${key}&referer=${referer}&'location',=${location.value}&category=${category}`
});
监听数据返回
onShow(() => {
const databack = chooseLocation.getLocation();
console.log('databack', databack);
if (databack != null) {
//将返回的信息利用
addressName.value = databack['address'];
addForm.value.latitude = databack['latitude'];
addForm.value.longitude = databack['longitude'];
}
});
onUnload(() => {
chooseLocation.setLocation(null);
});
效果: