react native 获取地理位置的方法示例
react native 官网介绍了这个 api Geolocation 但是这个api只能返回 经纬度 所以要把经纬度 通过逆地理位置转义 http://recode.ditu.aliyun.com/jsdoc/geocode_api.html 可通过这个阿里的开放接口
在 react native 中,我们所用的是react native 自带的api定位功能,无需引入第三方js。
react native 定位是通过Geolocation这个模块来实现的。想了解更多关于Geolocation的知识请点击下面 Geolocation自行了解,这里我们主要将他的几个方法。
static getCurrentPosition(geo_success, geo_error"htmlcode">
具体实现 这里的 GET_GPRS 是自己封装的 fech请求 记得开启 位置访问权限 打印结果如下: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
static watchPosition(success, error"htmlcode">
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
import Geolocation from 'Geolocation';
......
getlocal() {
Geolocation.getCurrentPosition(
val => {
let ValInfo =
'速度:' +
val.coords.speed +
'\n经度:' +
val.coords.longitude +
'\n纬度:' +
val.coords.latitude +
'\n准确度:' +
val.coords.accuracy +
'\n行进方向:' +
val.coords.heading +
'\n海拔:' +
val.coords.altitude +
'\n海拔准确度:' +
val.coords.altitudeAccuracy +
'\n时间戳:' +
val.timestamp;
this.setState({ LocalPosition: ValInfo });
console.log("打印地理位置:"+`${val.coords.longitude},${val.coords.latitude}`)
GET_GPRS({
"l":`${val.coords.latitude},${val.coords.longitude}`,
"type":111,
}).then(res => {
console.log(JSON.stringify(res))
})
},
val => {
let ValInfo = '获取坐标失败:' + val;
this.setState({ LocalPosition: ValInfo }); //如果为空的话 没允许开启定位服务
},
);
}
下一篇:微信小程序自定义音乐进度条的实例代码