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

 1、微信公众平台  开发  开发管理 uni-app(微信小程序)获取当前位置uni.getLocation_第1张图片

 2、开通之后到项目文件uni-app(微信小程序)获取当前位置uni.getLocation_第2张图片

 uni-app(微信小程序)获取当前位置uni.getLocation_第3张图片

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

uni-app(微信小程序)获取当前位置uni.getLocation_第4张图片

 

 

	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,前端,javascript)