uniapp打开地图选择位置(查看位置)详解

开发小程序的时候,有时候要做打开地图选择位置和打开地图查看当前位置。我前段时间刚做的时候也是一脸懵逼(新手上路)。

我是用的uniapp做的,配置方法和原生小程序的配置方法不太一样。下面就是我写的配置方法以及步骤,感兴趣的大家可以看看。

第一步:uniapp需要先调取用户授权请求询问用户是否授权
uni.authorize({
    scope: 'scope.userLocation',
    success() {
        uni.getLocation()
    }
})

详细文档说明在这链接: 点击这里.

第二步:我这里是做获取用户位置,所以其他功能暂时就不说了。
2.1:找到uniapp配置文件
uniapp打开地图选择位置(查看位置)详解
2.2:找到小程序配置勾选位置接口,描述里所填项就是授权时向用户展示的授权原因
uniapp打开地图选择位置(查看位置)详解

剩下的就可以开始调取不同的api,比如说选择位置和查看位置
打开地图选择位置官方文档: 点击这里
打开地图选择位置官方文档: 点击这里

	// 点击调起地图选择位置
			goMap() {
				uni.authorize({
					scope: 'scope.userLocation',
					success(res) {
						uni.chooseLocation({
    						success: function (res) {
       							 console.log('位置名称:' + res.name);
       							 console.log('详细地址:' + res.address);
       							 console.log('纬度:' + res.latitude);
       							 console.log('经度:' + res.longitude);
   							 }
						});
					},
					fail(err) {
				
					}
				})
			},
	// 点击调起地图查看位置
			goMap() {
			//查看位置需要传经纬度才能执行
				const lat = parseFloat(latitude)
				const log = parseFloat(longitude)

				uni.authorize({
					scope: 'scope.userLocation',
					success(res) {
						uni.openLocation({
							latitude: lat,
							longitude: log,
							success: function() {}
						});
					},
					fail(err) {
						
					}
				})
			},

以上就是uniapp打开地图选择位置(查看位置)的完整使用方法。(如有问题,请立即提出。)

上一篇:k8s部署weave scope可视化工具


下一篇:Linux vi入门必备