React Native获取地理位置(获取具体城市、经纬度)

并不是所有的APP都要获取你当前的地理位置的,但是有的APP对这方面是特别重要的,例如催收的行业,准确获取借款人的位置,才能不扑空~~

基本上实现的原理其实很简单,前端要做的事情就是每次打开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

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值