微信小程序wx.onLocationChange的使用,并计算移动距离

本文介绍了一种利用微信小程序API实现用户实时地理位置更新的方法,并提供了计算两点间地理距离的JavaScript函数。通过调用wx.startLocationUpdate进行位置更新,失败时引导用户重新授权。计算距离的函数采用经纬度计算球面距离。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function location() {
    var lat, lng;
    let _locationChangeFn = function(res) {
        lat = res.latitude;
        lng = res.longitude;
        //全局变量point
        point.push({latitude: lat, longitude : lng});
        console.log(point);
        //计算距离的方法调用建议写这
     }
    wx.startLocationUpdate({
        success: (res) => {
            wx.onLocationChange(_locationChangeFn)
        },
        fail: (err) => {
            // 重新获取位置权限
            wx.openSetting({
                success(res) {
                    res.authSetting = {
                        "scope.userLocation": true
                    }
                }
            })
            reject(err)
        }
    })
}

 每次传入point最后两点坐标即可计算距离,距离叠加即总距离。想关闭使用直接调用wx.offLocationChange()即可。

//传入两个坐标的经纬度
function getDistance(lat1, lng1, lat2, lng2) { 
    var dis = 0;
    var radLat1 = toRadians(lat1);
    var radLat2 = toRadians(lat2);
    var deltaLat = radLat1 - radLat2;
    var deltaLng = toRadians(lng1) - toRadians(lng2);
    var dis = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(deltaLat / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(deltaLng / 2), 2)));
    return dis * 6378137;

    function toRadians(d) {  return d * Math.PI / 180;}
} 

要申请微信小程序wx.getLocation接口,你需要按照以下步骤进行操作: 1. 登录微信小程序后台,进入开发管理页面。 2. 在左侧菜单中找到接口设置,点击后进入接口权限页面。 3. 在接口权限页面中,找到地理位置选项,点击后面的“去开通”按钮。 4. 进入wx.getLocation接口申请页面,填写申请原因。你可以写上类似于“因当前业务涉及周边服务推荐需要,需获取用户地理位置信息。”的申请原因。 5. 其他选填项可以忽略,直接点击“提交申请”按钮。 6. 等待审核通过即可。通常情况下,审核需要1-2个工作日。 请注意,从2022年7月14日起,如果你需要在最新版本发布后使用地理位置相关接口,你需要完成接口权限开通。除了wx.getLocation接口,还有其他7个接口也需要完成准入开通流程。这些接口包括:wx.getFuzzylocation、wx.onLocationChangewx.chooseAddress、wx.choosePoi、wx.chooseLocation、wx.startLocationUpdate、wx.startLocationUpdateBackground。 希望以上信息对你有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [微信小程序地理位置接口( wx.getLocation )申请方法](https://blog.csdn.net/u010128829/article/details/125564248)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [微信小程序申请地理位置接口wx.getLocation不通过的应对方案 过率很高](https://blog.csdn.net/withkai44/article/details/128224230)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值