小程序获取地理位置

最新推荐文章于 2025-11-13 16:46:12 发布

原创最新推荐文章于 2025-11-13 16:46:12 发布 · 346 阅读

0 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何在uni-app中配置小程序的manifest.json文件，包括设置appid、使用组件、URL检查及位置权限描述。同时，详细讲解了通过getLocation方法获取经纬度，并调用后端接口的实现过程。

因为用的是uni-app所以配置文件有些要写在根目录下的manifest.json里

"mp-weixin" : {
    /* 小程序特有相关 */
    "usingComponents" : true,
    "appid" : "wx97058253a5cde687",
    "setting" : {
        "urlCheck" : true
    },
    "permission": {
        "scope.userLocation": {
            "desc": "你的位置信息将用于签到等需要记录位置的功能"
        }
    }
},

弹出框提示授权

通过getLocation方法去获取经度纬度，然后workOrder调后端接口

getLocation(){
    uni.getLocation({
        type: 'wgs84',
        success: (res:any)=>{
            this.workOrder(res.latitude,res.longitude);//纬度、经度
        },
        fail:(res)=>{
            uni.showToast({
                title: '获取定位失败',
                icon: 'none'
            });
        }
    });
}