reactnative获取地理位置的方法示例-创新互联

react native 官网介绍了这个 api Geolocation 但是这个api只能返回 经纬度 所以要把经纬度 通过逆地理位置转义 http://recode.ditu.aliyun.com/jsdoc/geocode_api.html 可通过这个阿里的开放接口

成都创新互联长期为上1000+客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为宝山企业提供专业的网站制作、网站设计，宝山网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

在 react native 中，我们所用的是react native 自带的api定位功能，无需引入第三方js。

react native 定位是通过Geolocation这个模块来实现的。想了解更多关于Geolocation的知识请点击下面 Geolocation自行了解，这里我们主要将他的几个方法。

static getCurrentPosition(geo_success, geo_error?, geo_options?)
Invokes the success callback once with the latest location info. Supported options: timeout (ms), maximumAge (ms), enableHighAccuracy (bool) On Android, this can return almost immediately if the location is cached or request an update, which might take a while.

static watchPosition(success, error?, options?)
Invokes the success callback whenever the location changes. Supported options: timeout (ms), maximumAge (ms), enableHighAccuracy (bool), distanceFilter(m)

static clearWatch(watchID)

第一个方法是获取第一次定位时的位置信息，第一个为成功时的回掉函数，还有error时的回掉，第三个是传状态的。
在请求成功函数中有以下属性：

• 经度 : coords.longitude
• 纬度 : coords.latitude
• 准确度 : coords.accuracy
• 海拔 : coords.altitude
• 海拔准确度 : coords.altitudeAcuracy
• 行进方向 : coords.heading
• 地面速度 : coords.speed
• 时间戳 : new Date(position.timestamp)

在请求失败函数中有4种情况（err.code状态值）：

1为用户拒绝定位请问
2暂时获取不到位置信息
3为请求超时
4未知错误

第三个options是可选参数，属性如下：

enableHighAccuracy——指示浏览器获取高精度的位置，默认为false。当开启后，可能没有任何影响，也可能使浏览器花费更长的时间获取更精确的位置数据。

timeout——指定获取地理位置的超时时间，默认不限时。单位为毫秒。

maximumAge——最长有效期，在重复获取地理位置时，此参数指定多久再次获取位置。默认为0，表示浏览器需要立刻重新计算位置。

static watchPosition(success, error?, options?) 

网站题目：reactnative获取地理位置的方法示例-创新互联
文章起源：https://www.cdcxhl.com/article10/cecpgo.html

成都网站建设公司_创新互联，为您提供做网站、移动网站建设、关键词优化、网站改版、用户体验、品牌网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联