微信小程序与webview中的h5页面之间的通信,及ios端在h5中调用腾讯地图,默认定位不准确的解决方案

根据公司的需求,需要一套uniapp写的微信小程序,和uniapp写的h5,h5通过webview嵌入小程序内;

问题一h5页面,iOS端调用uni.chooseLocation(),地图初始定位位置不准确;

        安卓用户可以正常使用,但是苹果用户调用腾讯地图时,定位初始位置显示不准确

解决方案:微信小程序中调用uni.chooseLocation()时,苹果用户的初始定位是正常的,

根据这个思路,我就想到,将h5跳转至小程序中调用腾讯地图,然后再将选择地图位置后的回调参数返回至h5页面中;但是面临webview和小程序之间的通讯问题;

注:h5页面跳转至小程序,需要引入微信JSSDK,使用wx.miniprogram.navigateTo();

问题二:小程序在调用完成uni.chooseLocation()后,如何将参数返还至h5页面;

常规思路是使用uni.navigateback(),但是回到原页面后,无法将地图选择的参数,带回原页面;查询各种资料后,

解决方案:在调用地图控件选择完位置后,使用setdata直接更新webview页面的data里面的变量值,然后uni.navigateback()返回h5页面的时候,会触发小程序中的webview页面中的onShow生命周期,在此生命周期

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值