React Native获取地理位置(获取具体城市、经纬度)
2017-08-19 13:08
253 查看
并不是所有的APP都要获取你当前的地理位置的,但是有的APP对这方面是特别重要的,例如催收的行业,准确获取借款人的位置,才能不扑空~~
基本上实现的原理其实很简单,前端要做的事情就是每次打开APP的时候获取一下手机当前的位置,或者每隔几分钟就重新获取一次。
注:RN提供的方法只能获取到经纬度,不会直接给你具体的城市或者街道,如果要的话,可以用百度或者高德的逆地理编码接口去转,不过一般前端只是传经纬度给后端,具体后端要拿去做什么操作,就不归前端管了。当然,如果你的APP要显示你的当前城市,你也可以用接口转然后显示出来。
下面是我简单实现的代码:
链接:http://www.jianshu.com/p/1491cee1b31d
基本上实现的原理其实很简单,前端要做的事情就是每次打开APP的时候获取一下手机当前的位置,或者每隔几分钟就重新获取一次。
注:RN提供的方法只能获取到经纬度,不会直接给你具体的城市或者街道,如果要的话,可以用百度或者高德的逆地理编码接口去转,不过一般前端只是传经纬度给后端,具体后端要拿去做什么操作,就不归前端管了。当然,如果你的APP要显示你的当前城市,你也可以用接口转然后显示出来。
下面是我简单实现的代码:
componentDidMount() { // APP启动的时候获取地理位置 this.getPosition(); } /** 获取地理位置(经纬度) */ getPosition = (): void => { /** 获取地理位置 */ navigator.geolocation.getCurrentPosition( (position: any) => { // console.warn('成功:' + JSON.stringify(position)); const positionData: any = position.coords; // 经度:positionData.longitude // 纬度:positionData.latitude // 最后一步 todo:高德 || 百度地图逆地理编码转~~具体就是调个接口把经纬度丢进去就行了 }, (error: any) => { console.warn('失败:' + JSON.stringify(error.message)) }, { // 提高精确度,但是获取的速度会慢一点 enableHighAccuracy: true, // 设置获取超时的时间20秒 timeout: 20000, // 示应用程序的缓存时间,每次请求都是立即去获取一个全新的对象内容 maximumAge: 1000 } ); }
链接:http://www.jianshu.com/p/1491cee1b31d
相关文章推荐
- React Native获取地理位置(获取具体城市、经纬度)
- react native 获取地理位置的方法示例
- iOS开发——定位获取经纬度坐标,并反编码获得地理位置信息(具体地址,国家、省、市等)
- 用户Ip地址和百度地图api接口获取用户地理位置(经纬度坐标,城市)
- Android开发之--利用系统自带的服务获取经纬度并转为具体位置
- Android中获取地理位置经纬度
- Android高德地图设置中心点图标,通过逆地理编码实时获取中心点的经纬度和详细位置
- 输入经纬度获取地理位置
- Android得到地理位置并分析出具体城市
- react-native获取组件的位置高度宽
- js获取地理位置的经纬度
- iOS中利用系统地图获取定位信息(经纬度/地理位置)
- java调用百度地图API根据地理位置获取经纬度
- 【Java】 java调用百度地图API根据地理位置中文获取经纬度 地址备忘
- react native 获取控件在手机屏幕中的位置
- java调用百度地图API通过URL根据地理位置中文处理返回值获取经纬度
- java调用百度地图API根据地理位置中文获取经纬度
- 百度开发者API接口:获取经纬度和详细地理位置(Geocoding API和IP定位API)
- windows phone 7 定位(获取经纬度),然后找到经纬度所在的位置(城市信息)
- ios获取当前城市 ,位置,坐标,经纬度