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