uniapp小程序项目获取位置经纬度信息

网友投稿 1008 2023-11-13

−目录前言一、相关代码二、相关的数据返回三、效果展示最后

前言

提示：这里可以添加本文要记录的大概内容：

uniapp小程序项目获取位置经纬度信息

在实际项目中很多时候我们需要获取设备的位置信息，去展示给客户，或者以位置信息为参数，继续向服务器获取一些数据。接下来以uni-app小程序项目为例来介绍获取位置信息的思路

提示：以下是本篇文章正文内容，下面案例可供参考

一、相关代码

判断手机定位是否授权
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
// 定位授权
getLocation() {
let that = this;
// 1、判断手机定位服务【GPS】 是否授权
uni.getSystemInfo({
success(res) {
console.log("判断手机定位服务是否授权:", res);
let locationEnabled = res.locationEnabled; //判断手机定位服务是否开启
let locationAuthorized = res.locationAuthorized; //判断定位服务是否允许微信授权
if (locationEnabled == false || locationAuthorized == false) {
//手机定位服务（GPS）未授权
uni.showToast({
title: "请打开手机GPS",
icon: "none",
});
} else {
//手机定位服务（GPS）已授权
// 2、判断微信小程序是否授权位置信息
// 微信小程序已授权位置信息
uni.authorize({
//授权请求窗口
scope: "scope.userLocation", //授权的类型
success: (res) => {
that.fnGetlocation();
},
fail: (err) => {
err = err["errMsg"];
uni
.showModal({
content: "需要授权位置信息",
confirmText: "确认授权",
})
.then((res) => {
console.log(res);
if (res[1]["confirm"]) {
uni.openSetting({
success: (res) => {
if (res.authSetting["scope.userLocation"]) {
// 授权成功
uni.showToast({
title: "授权成功",
icon: "none",
});
that.fnGetlocation();
} else {
// 未授权
uni.showToast({
title: "授权失败,请重新授权",
icon: "none",
});
uni.showModal({
title: "授权",
content:
"获取授权" +
authouName +
"失败,是否前往授权设置？",
success: function (result) {
if (result.confirm) {
uni.openSetting();
}
},
fail: function () {
uni.showToast({
title: "系统错误！",
icon: "none",
});
},
});
}
},
});
}
if (res[1]["cancel"]) {
// 取消授权
uni.showToast({
title: "你拒绝了授权，无法获得周边信息",
icon: "none",
});
}
});
},
complete(res) {
// console.log(授权弹框, res);
if (res.errMsg == "authorize:ok") {
that.fnGetlocation();
} else {
uni.showModal({
title: "授权",
content:
"获取授权" + authouName + "失败,是否前往授权设置？",
success: function (result) {
if (result.confirm) {
uni.openSetting();
}
},
fail: function () {
uni.showToast({
title: "系统错误！",
icon: "none",
});
},
});
}
},
});
}
},
});
},
判断小程序是否授权位置信息 （代码在上方）定位获取 通过经纬度坐标获取区域码
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// getAreaCode通过经纬度(wgs84)坐标获取区域码
getAreaCode(latitude, longitude) {
this.$refs.uForm.resetFields();
var that = this;
that.$u.api
.getAreaCode({
latitude: latitude,
longitude: longitude,
})
.then((res) => {
if (res.code == 100000000) {
console.log("通过经纬度坐标获取区域码:", res);
// console.log(res, areaCode);
that.bindList.areaCode = res.data.areaCode;
that.bindList.specificAddress = res.data.detailLocation;
that.bindList.address = res.data.areaLocation;
} else {
uni.showToast({ title: res.msg, icon: "none" });
}
})
.catch((err) => {
this.loadState = "加载失败err";
console.log("getDevList_err:", err); //--------------------
});
},

二、相关的数据返回

三、效果展示

最后

提示：这里对文章进行总结：

以上就是获取位置信息的大概步骤思路：判断手机定位服务是否授权（uni.getSystemInfo）判断小程序是否授权位置信息（uni.authorize）定位获取（uni.getLocation）通过经纬度坐标获取区域码，这是通过以经纬度为参数获取后端的数据

到此这篇关于uni-ap

您可能感兴趣的文章:如何使用uniapp开发微信小程序获取当前位置详解

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。

标签：uniapp 程序 小程序 app开发 代码
上一篇:手机app如何分类？
下一篇:如何开发软件赚钱？
相关文章

 发表评论

暂时没有评论，来抢沙发吧~