什么是 rnkit-amap-location
rnkit-amap-location 是一款基于高德地图的 React Native 定位模块，可以方便快捷地获取用户位置信息，为业务场景提供便利。它可以在 iOS 和 Android 平台上进行使用。
安装和使用
使用 rnkit-amap-location 前，需要先在项目中安装 npm 包。
npm install rnkit-amap-location --save
然后，你需要注册一个 key，并引入依赖包。
import AMapLocation from 'rnkit-amap-location'
// 注册 key
AMapLocation.init({
android: 'YOUR_ANDROID_KEY',
ios: 'YOUR_IOS_KEY'
})为保证定位成功，需要添加相关权限，在AndroidManifest.xml中添加相应的权限：
<uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
定位
定位可使用 startLocation 方法。
AMapLocation.startLocation((position) => {
console.log(position) // log 定位信息
}, (error)=> {
console.log(error) // log 错误信息
})此方法有两个参数。第一个参数是一个回调函数，当定位成功时，它将返回一个对象，该对象拥有以下属性：
- latitude：当前纬度
- longitude： 当前经度
- province： 当前省份名
- city：当前城市名
- district：当前区/县名
- street： 当前街道名
- streetNum： 当前街道门牌号码
- cityCode： 当前城市code
- adcode： 当前区/县code
第二个参数是当定位失败时的回调函数，错误信息将通过此函数返回。
停止定位
你可以使用 stopLocation 停止定位。
AMapLocation.stopLocation()
示例代码
-- -------------------- ---- -------
------ ------ - --------- - ---- -------
------ - ----- ---- - ---- --------------
------ ------------ ---- ---------------------
----- ----------------- ------- --------- -
------------------ -
------------
---------- - -
--------- ----
-
-
------------------- -
-------------------
-------- -------------------
---- - -------------
--
------------------------------------- -- -
---------------------
-------------------------
-- --------- -
------------------
--
-
---------------------- -
---------------------------
-
-------- -
------ -
------
------- ------------------- - ------------------------ - ----------------
-------
-
-
-
------ ------- -----------------结论
rnkit-amap-location 是一个优秀的定位组件，使用简单方便，对项目性能有很好的保证。有需要的同学可以试试看。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005731781e8991b448e94d1