uni-app(微信小程序)获取当前位置uni.getLocation

这篇具有很好参考价值的文章主要介绍了uni-app(微信小程序)获取当前位置uni.getLocation。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 1、微信公众平台  开发  开发管理 uniapp 获取当前位置,uni-app,前端,javascript

 2、开通之后到项目文件uniapp 获取当前位置,uni-app,前端,javascript

 uniapp 获取当前位置,uni-app,前端,javascript

 3、下载腾讯地图插件并引入到文件中

uniapp 获取当前位置,uni-app,前端,javascript

 uniapp 获取当前位置,uni-app,前端,javascript

 文章来源地址https://www.toymoban.com/news/detail-672362.html

	uni.getSetting({
			success: (res) => {
				if (!res.authSetting['scope.userLocation']) {
					console.log("没有权限");
					//拉取授权窗口
					uni.authorize({
						scope: "scope.userLocation",
						success: () => {
							uni.getLocation({
								type: 'gcj02',
								success: (res) => {
									console.log("获取当前位置的接口", res);
									console.log('当前位置的经度:' + res.longitude);
									console.log('当前位置的纬度:' + res.latitude);
									qqmapsdk.reverseGeocoder({
										location: {
											latitude: res.latitude,
											longitude: res.longitude
										},
										success: (res) => {
											console.log("位置:", res)
											// 调用打卡接口
											let obj = {
												address: res.result
													.formatted_addresses
													.standard_address,
												longitude_x: res
													.result
													.location.lng,
												latitude_y: res
													.result
													.location.lat
											}
											sign_in(obj, 'POST').then(
												res => {
													if (res.code ==
														200) {
														uni.showToast({
															title: "打卡成功!",
															icon: "success"
														})
													}
												})
										}
									})
								}
							});
						},
						fail: (err) => {
							uni.showModal({
								title: '提示',
								content: '若点击不授权,将无法使用位置功能',
								cancelText: '不授权',
								cancelColor: '#999',
								confirmText: '授权',
								confirmColor: '#f94218',
								success: (res) => {
									if (res.confirm) {
										uni.openSetting({
											success: (res) => {
												console.log(res
													.authSetting);
											}
										})
									} else if (res.cancel) {
										console.log("用户点击不授权");
									}
								}
							})
						}
					})
				} else {
					//有权限直接获取
					uni.getLocation({
						type: 'wgs84',
						success: (res) => {
							console.log("获取当前位置的接口", res);
							console.log('当前位置的经度:' + res.longitude);
							console.log('当前位置的纬度:' + res.latitude);
							qqmapsdk.reverseGeocoder({
								location: {
									latitude: res.latitude,
									longitude: res.longitude
								},
								success: (res) => {
									console.log("位置:", res)
									let obj = {
										address: res.result.formatted_addresses
											.standard_address,
										longitude_x: res.result.location.lng,
										latitude_y: res.result.location.lat
									}
									sign_in(obj, 'POST').then(res => {
										if (res.code == 200) {
											uni.showToast({
												title: "打卡成功!",
												icon: "success"
											})
										}
									})
								}
							})
						}
					});
				}
			}
		})

到了这里,关于uni-app(微信小程序)获取当前位置uni.getLocation的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包