React Native - 使用Geolocation进行定位(获取当前位置、监听位置变化)

汤念
2023-12-01

React Native 提供了 Geolocation API,让我们可以很方便的获取当前的位置信息,或者监听位置的变化。下面通过样例演示如何使用。
导入 API

var Geolocation = require('Geolocation');

一、获取当前的定位信息
1.getCurrentPosition()方法介绍

static getCurrentPosition(geo_success, geo_error?, geo_options?)
该方法用于获取当前的位置,其参数如下:
(1)geo_success:成功回调函数
(2)geo_error:失败回调函数
(3)geo_options:传递的参数。其支持的属性有:
timeout:指定获取地理位置的超时时间,默认不限时。单位为毫秒。
maximumAge:最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。默认为 0,表示浏览器需要立刻重新计算位置。
enableHighAccuracy:指示浏览器获取高精度的位置,默认为 false。当开启后,可能没有任何影响,也可能使浏览器花费更长的时间获取更精确的位置数据。

代码

//定位函数
  onPressLocition(){
    //获取经纬度
    Geolocation.getCurrentPosition(
     
      location => {
        var result = "速度:" + location.coords.speed +
                    "\n经度:" + location.coords.longitude +
                    "\n纬度:" + location.coords.latitude +
                    "\n准确度:" + location.coords.accuracy +
                    "\n行进方向:" + location.coords.heading +
                    "\n海拔:" + location.coords.altitude +
                    "\n海拔准确度:" + location.coords.altitudeAccuracy +
                    "\n时间戳:" + location.timestamp;
       alert(result);
    },
    error => {
     alert("获取位置失败:"+ error)
    }


  // );

//监听经纬度变化
// watchID = Geolocation.watchPosition(
//   location => {
//       var result = "速度:" + location.coords.speed +
//                   "\n经度:" + location.coords.longitude +
//                   "\n纬度:" + location.coords.latitude +
//                   "\n准确度:" + location.coords.accuracy +
//                   "\n行进方向:" + location.coords.heading +
//                   "\n海拔:" + location.coords.altitude +
//                   "\n海拔准确度:" + location.coords.altitudeAccuracy +
//                   "\n时间戳:" + location.timestamp;
//       alert(result);
//   },
//   error => {
//     alert("获取位置失败:"+ error)
//   }
// );



//停止监听位置变化
//Geolocation.clearWatch(watchID);


}
 类似资料: