并不是所有的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

}

);

}

rn 地图根据区名获取经纬度_React Native获取地理位置(获取具体城市、经纬度)...相关推荐

  1. reactnative 获取定位_react native 获取地理位置的方法示例

    react native 官网介绍了这个 api Geolocation 但是这个api只能返回 经纬度 所以要把经纬度 通过逆地理位置转义 http://recode.ditu.aliyun.com ...

  2. 百度地图JavaScript API获取用户当前经纬度和详细地理位置,反之通过详细地理位置获取当前经纬度...

    前言: 前段时间刚好使用了百度地图的js api定位获取用户当前经纬度并获取当前详细位置和通过当前用户详细地理位置换取用户当前经纬度坐标的功能,为了方便下次找起来方便一些自己在这里记录一下,希望也能够 ...

  3. 原始传奇显示区名的服务器,《原始传奇》新人新区需要了解的一些问题

    哈喽大家好,小编今天在这里分享一下开区以来的一些新人所遇到的问题以及给新人的一些建议和经验,大家结合自己的情况来看本攻略. 1. 首先要说的是原始传奇跟它游戏宣传的一样,所有的东西打出来只是时间的问题 ...

  4. 百度地图爬取城市经纬度:KeyError: ‘result——‘对于百度地图API地理编码返回值result为空的问题

    发现问题背景: 由于前几天参加了一个数据分析比赛,要对其中13多万的数据中的城市进行分布可视化,进而分析,所以要爬取各个城市的经纬度,就采用了百度地图的API来爬取. 先上代码: import jso ...

  5. reactnative 获取定位_【React Native】定位获取经纬度,当前城市等地址信息

    最近做React Native时,需要用到城市定位的功能,React Native中文网的定位部分中也提供了相应的方法.主要用到的方法有: 这里只需要获取到经纬度,城市等信息,持续监听的函数就不需要了 ...

  6. 小程序获取城市经纬度_微信小程序获取当前所在城市的方法

    现在很多企业商家为了提供更准确的服务,基本都要获取用户当前所在的地理位置,城市是其中最基本的.而微信小程序官方提供的API只能获取当前地理位置的经纬度,需要经过第三方转换才可以得到我所需的城市名,经过 ...

  7. html5获取坐标高德,vue 单纯的获取经纬度 百度与高德 H5

    首先用百度的api举个例子 首先在index页面引入如下: 原样复制粘贴到index里就可以了,记住尾巴的ak是你自己的地图密匙哦 随后在想调用的地方写入如下 var _this = this; if ...

  8. Java 集成高德地图(源码复制即用)实现地址转经纬度,经纬度转地址,计算两点间距离

    步骤: (更改方法返回值类型为基本类型可省去这步) copy 封装好的返回对象 导入工具类所需枚举类(避免出现魔法值) 导入工具类(将高德应用Key改为自己申请的key) 导入 controller  ...

  9. BMap获取用户当前经纬度和详细地理位置,通过详细地理位置获取当前经纬度

    解决方案: 引入JavaScript API v2.0 SDK <script type="text/javascript" src="http://api.map ...

最新文章

  1. javascript正则表达式验证密码(必须含数字字符特殊符号,长度4-16位之间)
  2. java伪协议_JavaScript中伪协议 javascript:使用探讨
  3. Sangmado 公共基础类库
  4. 数据库 case when then 的用法 (举个栗子~~~)
  5. vue实现搜索框搜索新增_基于Vue el-autocomplete 实现类似百度搜索框功能_含真_前端开发者...
  6. grafana安装配置 influxdb安装配置
  7. 谈谈阿里log4j2事件:严重性是个主观判断
  8. 身神话继续遭受DDOS进攻,也遭受了雷同的陵犯
  9. macOS Windows版本 Photoshop 下载 AI下载
  10. 大学生追女友花光学费露宿街头 4天偷396罐红牛
  11. CKeditor 插件
  12. 【科研记录】如何判断(你自己的)研究工作的价值
  13. 关于hibernate检索策略
  14. 淘宝图片指纹匹配功能c#实现
  15. Excel表格插入斜线
  16. 扫码点单收银小程序源码
  17. Makefile经典教程(掌握这些足够)
  18. 对高尔顿数据集实现线性回归分析
  19. 4.7 设置单元格中文本的行间距 [原创Excel教程]
  20. Android项目之视频播放器

热门文章

  1. Rstudio 更改工作路径和安装包的路径
  2. 终于把泰山OFFICE的MAC本地库问题都解决了
  3. 有了这三个网站,你再也不用去找其它工具网站了
  4. 速成实用硬笔字——最常用高频汉字前100
  5. 2010年计算机考研选择题解析,2009-2010计算机考研真题及答案(含选择题解析)WORD高清晰版.pdf...
  6. 风云编程python基础语法(1)
  7. 网页内嵌lodop控件,部分电脑一直提示未安装
  8. UOS服务器操作系统部署EKL
  9. 使用AutoJS实现2019天猫双11喵币自动领取
  10. iVX开发过程整理的常见问题与回答(二)