reactnative 获取定位_React-native 获取当前定位地理位置

0.60以下的RN通过高德的逆地理编码获取当前所在位置的信息

不需要任何插件!

// 获取位置并逆地理转换

handleGetLocation=()=>{

// 当前定位经纬度

navigator.geolocation.getCurrentPosition(

(position) => {

const initialPosition = position

console.log(initialPosition)

const { longitude } = initialPosition.coords

const { latitude } = initialPosition.coords

console.log(`${longitude},${latitude}`)

//通过调用高德地图逆地理接口,传入经纬度获取位置信息

fetch(`http://restapi.amap.com/v3/geocode/regeo?key=你得高德KEY&location=${longitude},${latitude}&radius=1000&extensions=all&batch=false&roadlevel=0`, {

method: "POST",

headers: {

"Content-Type": "application/x-www-form-urlencoded"

},

body: ``

})

.then((response) => response.json())

.then((jsonData) => {

try {

console.log(jsonData)

}catch (e) {

}

})

.catch((error) => {

console.error(error);

})

},

(error) => console.log(error),

{ timeout: 20000, maximumAge: 1000 },

)

}

0.60版本RN以上的需要下载@react-native-community/geolocation

官网地址:

https://reactnative.cn/docs/0.62/geolocation

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值