在一次采集项目中,需求是拍摄照片的时候,获取地理位置与时间,带着图片与这些信息传给后端打上水印返回,因为是微信公众号的项目,所以我使用的是微信的jssdk的定位方法以及高德的逆地理编码,代码如下:
wx.getLocation({
type: 'gcj02', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
success: function (res) {
var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
that.people_list[3].latitude = latitude
that.people_list[3].longitude = longitude
var location = longitude+','+latitude
var url = 'https://restapi.amap.com/v3/geocode/regeo?key=**************************&location='+location;
HTTP.requestGet({
that: that,
action: url,
success: function (res) {
console.log(res.regeocode.formatted_address)
that.people_list[3].val = res.regeocode.formatted_address
that.people_list[5].formatted_address = res.regeocode.formatted_address
var name = '#filechooser'
$(name).trigger("click");
},
error: function (res) {
console.log(res)
load.loading.showError(res.msg);
}
})
}
});
这段代码在安卓环境下测试没有问题,但是当我进入到ios环境下时,广播触发的click事件,却失效了,通过控制台打印的结果来看,click的方法进入了,但是却没有触发,简单来说,这个bug是ios环境下,回调函数中的input方法的click失效
1.解决方法
ansync await改写,既然回调会失效,那么不进入回调即可,
setlocal:async function(){
await this.getlocal()
var msg = {name:"illegalCP"}
console.log('fsfsf')
this.$root.Bus.$emit('take_photo_ok',msg) //vue-bus 对组件进行广播,item.num用来判断接受的是否可以赋值
},
getlocal:async function(){
var that = this;
// that.people_list[5].formatted_address = '测试地址'
// var msg = {name:"illegalCP"}
// that.$root.Bus.$emit('take_photo_ok',msg) //vue-bus 对组件进行广播,item.num用来判断接受的是否可以赋值
// return
wx.getLocation({
type: 'gcj02', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
success: function (res) {
var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
that.people_list[3].latitude = latitude
that.people_list[3].longitude = longitude
var location = longitude+','+latitude
var url = 'https://restapi.amap.com/v3/geocode/regeo?key=*****************&location='+location;
HTTP.requestGet({
that: that,
action: url,
success: function (res) {
console.log(res.regeocode.formatted_address)
that.people_list[3].val = res.regeocode.formatted_address
that.people_list[5].formatted_address = res.regeocode.formatted_address
},
error: function (res) {
console.log(res)
load.loading.showError(res.msg);
}
})
}
});
},