开发小程序的时候,有时候要做打开地图选择位置和打开地图查看当前位置。我前段时间刚做的时候也是一脸懵逼(新手上路)。
我是用的uniapp做的,配置方法和原生小程序的配置方法不太一样。下面就是我写的配置方法以及步骤,感兴趣的大家可以看看。
第一步:uniapp需要先调取用户授权请求询问用户是否授权
uni.authorize({
scope: 'scope.userLocation',
success() {
uni.getLocation()
}
})
详细文档说明在这链接: 点击这里.
第二步:我这里是做获取用户位置,所以其他功能暂时就不说了。
2.1:找到uniapp配置文件
2.2:找到小程序配置勾选位置接口,描述里所填项就是授权时向用户展示的授权原因
剩下的就可以开始调取不同的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打开地图选择位置(查看位置)的完整使用方法。(如有问题,请立即提出。)