【uniapp】uniapp自带的地图选择位置

官方文档：uni.getLocation(OBJECT) | uni-app官网 (dcloud.net.cn)

使用方法(代码)

1、在manifest.json下mp-weixin进行配置

"mp-weixin" : {
	"setting" : {
		"urlCheck" : false,
		"minified" : true
	},
	"permission" : {
		"scope.userLocation" : {
			"desc" : "你的位置信息将用于小程序定位"
		}
	},
    "requiredPrivateInfos" : [
            "getLocation",
			"chooseLocation"
     ],
}

2、在要使用的页面写上方法

getMapLocation(){
	uni.chooseLocation({
		success:(res)=> {
			// 将获取到的地址信息存储
			this.address = res.address
		},
		fail:()=>{
			// 如果用uni.chooseLocation没有获取到地理位置，则需要获取当前的授权信息，判断是否有地理授权信息
			uni.getSetting({
				success: (res) => {
					var status = res.authSetting;
					if(!status['scope.userLocation']){
					// 如果授权信息中没有地理位置的授权，则需要弹窗提示用户需要授权地理信息
						uni.showModal({
							title:"是否授权当前位置",
							content:"需要获取您的地理位置，请确认授权，否则地图功能将无法使用",
							success:(tip)=>{
								if(tip.confirm){
								// 如果用户同意授权地理信息，则打开授权设置页面，判断用户的操作
									uni.openSetting({
										success:(data)=>{
										// 如果用户授权了地理信息在，则提示授权成功
											if(data.authSetting['scope.userLocation']===true){
												uni.showToast({
													title:"授权成功",
													icon:"success",
													duration:1000
												})
												// 授权成功后，然后再次chooseLocation获取信息
												uni.chooseLocation({
													success: (res) => {
														// 将获取到的地址信息存储
														this.address = res.address
													}
												})
											}else{
												uni.showToast({
													title:"授权失败",
													icon:"none",
													duration:1000
												})
											}
										}
									})
								}
							}
						})
					}
				},
				fail: (res) => {
					uni.showToast({
						title:"调用授权窗口失败",
						icon:"none",
						duration:1000
					})
				}
			})
		}
	});
},

效果图

上线后效果如图