当前位置:   article > 正文

【uniapp 定位获取详细位置】

【uniapp 定位获取详细位置】

在 uniapp 中获取定位信息方法,具体如下:

1. uni.getLocation 方法(都可):

uni.getLocation({
  type: 'gcj02',
  success: function(res) {
    console.log('经度:' + res.longitude)
    console.log('纬度:' + res.latitude)
  },
  fail: function(res) {
    console.log('定位失败')
  }
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

在 getLocation 方法中,需要设置 type 参数为定位类型,success 回调函数中将返回经纬度信息,fail 回调函数中将返回定位失败信息。

注意:在使用 getLocation 方法前需要先在 manifest.json 中配置相应的权限,以授权应用程序获取用户位置信息。

2.plus.geolocation.getCurrentPosition 方法(app)

plus.geolocation.getCurrentPosition((position) => {
				console.log(`经度${position.coords.longitude},纬度${position.coords.latitude}`);
			}, (error) => {
				console.log(`获取位置信息失败:${error.message}`);
			});
  • 1
  • 2
  • 3
  • 4
  • 5

逆地理编码(获取省市区,详细地理位置)

这两个就够获取定位的经纬度了,但是这只是获得了经纬度,并没有具体中文的位置
所以还需要转一下,这里我使用高德地图API的 逆地理编码,使用此api需要去高德开放平台申请key

获取地理位置代码如下:

uni.request({
			url: `https://restapi.amap.com/v3/geocode/regeo?key=你的key&location=${经度},${纬度}`,
			method: 'GET',
			success: (res) => {
				console.log(res.data.regeocode,'位置信息')
			}
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

这个方法还是不能获取到城市编码,只能获得区的编码 (尊嘟假嘟?)可以根据需求进行更改,我的项目到这就可以了

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/608546
推荐阅读
相关标签
  

闽ICP备14008679号