ReactNative 获取地理位置信息

ReactNative 提供了一个定位API: Geolocation 用来获取设备所在的地理位置.

定位API遵循web标准。

iOS
你需要在Info.plist中增加NSLocationWhenInUseUsageDescription字段来启用定位功能。如果你使用react-native init创建项目，定位会被默认启用。

Android
要请求访问地理位置的权限，你需要在AndroidManifest.xml文件中加入如下一行：
< uses-permission android:name=”android.permission.ACCESS_FINE_LOCATION” />

方法

getCurrentPosition(geo_success: Function, geo_error?: Function, geo_options?: GeoOptions)

成功时会调用geo_success回调，参数中包含最新的位置信息。支持的选项：timeout (ms), maximumAge (ms), enableHighAccuracy (bool)

watchPosition(success: Function, error?: Function, options?: GeoOptions)

持续监听位置，每当位置变化之后都调用success回调。支持的选项：timeout (ms), maximumAge (ms), enableHighAccuracy (bool), useSignificantChanges (bool)

static clearWatch(watchID: number)

static stopObserving()

下面看一下使用方法:

    componentDidMount() {navigator.geolocation.getCurrentPosition((coords) => {this.setState(coords);console.log(coords)},(error) => console.error(error));this.watchID = navigator.geolocation.watchPosition((lastPosition) => {this.setState({lastPosition});});}

上面的log打印出来的是:

可见: 返回一个对象包含两个属性:
一个是coords,里面含有地理信息,
一个是timestamp对象,我不知道是干什么的..

<Text>纬度:{this.state.coords?this.state.coords.latitude:'获取中'}</Text>
<Text>经度:{this.state.coords?this.state.coords.longitude:'获取中'}</Text>

如此便能获取到经纬度信息了.

 this.watchID = navigator.geolocation.watchPosition((lastPosition) => {this.setState({lastPosition});});

这段代码是持续监听位置，每当位置变化之后都调用success回调.
如上面代码所示:每当位置变换时,我们回调方法里写的是改变state里的lastPosition .

如果有需要的话,也可以用到.
但是要记得退出的时候使用 clearWatch 方法清除哦

ReactNative 获取地理位置信息相关推荐

html5实现获取地理位置信息并定位
html5实现获取地理位置信息并定位一.总结一句话总结:获取地理位置是分两步:获取经纬度和根据经纬度获取地址信息 a.HTML5的Geolocation(地理位置功能(Geolocation AP ...
flutter利用高德如何获取地理位置信息bug处理
flutter中对于利用高德如何获取地理位置信息, 1.在高德开发平台,注册成为开发者,并获取key 2.安装依赖对于如何安装第三方插件请点击此处pub.dev amap_location 3.修 ...
百度api:根据经纬度获取地理位置信息
调用百度api,根据经度和纬度获取地理位置信息,返回Json. C#代码: using Newtonsoft.Json; using Newtonsoft.Json.Linq; using Syste ...
html5获取地理位置信息API
html5获取地理位置信息API 在HTML5中,可以看下如何使用Geolocation API来获得用户的地理位置信息,如果该浏览器支持的话,且设备具有定位功能,就能够直接使用这组API来获取当前位 ...
Android 获取地理位置信息封装好了直接用
前言:花了一个早上研究了以下android获取经纬度,然后网上的参考资料都是杂七杂八,基本上都是过去几年的,现在我用 android6.0参照别人的结果发生好多错误,我的内心几乎是崩溃的.后来,不断百 ...
微信小程序获取地理位置信息
// pages/list/list.js Page({/*** 页面的初始数据*/data: {nation: '',province: '',city: '',district: '',stree ...
uniapp APPH5端获取地理位置信息（百度地图高德地图）
APP&H5端获取地理位置信息一.app端 1.在需要使用的页面中 onShow(){//#ifdef APP-PLUS// 获取定位信息this.getLocations();//#end ...
根据IP获取地理位置信息 — Golang
根据IP获取地理位置信息 - Golang 1 介绍 1.1 ip2region 1.2 geoip2-golang 1.3 总结 2 使用 2.1 ip2region 2.2 geoip2-gola ...
手把手教你使用java对接微信公众号-获取地理位置信息
公众号需要定位当前用户的地址位置,需要通过签名后返回的数据,前端将参数回调到微信服务器获取地理位置信息,官方文档说明(https://developers.weixin.qq.com/doc/offi ...

ReactNative 获取地理位置信息

ReactNative 获取地理位置信息相关推荐

最新文章

热门文章