uniapp监听gps是否开启

1. 引言

在移动设备中，GPS是一个非常重要的功能之一。作为开发者，我们需要判断用户是否开启了GPS，以便于在应用程序中更好的使用它。在uni-app中，可以通过HTML5的Geolocation来使用定位服务，以获取用户的经度和纬度等信息。本文将分享uni-app如何监听GPS是否开启。

2. Geolocation基础知识介绍

HTML5的Geolocation是一个API，用于获取设备的地理位置信息。Geolocation提供了getCurrentPosition() 和watchPosition() 两个方法来获取设备的位置信息。

2.1 getCurrentPosition()

getCurrentPosition()方法是获取设备的当前位置信息。调用该方法时，Geolocation会通过设备的GPS等硬件设备获取当前设备所处的经纬度等位置信息，然后将该信息传递给应用程序。以下是一个使用getCurrentPosition()方法获取位置信息的基础示例：

navigator.geolocation.getCurrentPosition(successCallback, errorCallback, options);
function successCallback(position) {
  // 获取经度
  var longitude = position.coords.longitude;
  // 获取纬度
  var latitude = position.coords.latitude;
  // 获取精度
  var accuracy = position.coords.accuracy;
}
function errorCallback(error) {
  switch(error.code) {
    case error.PERMISSION_DENIED:
      console.log('用户不允许浏览器获取地理位置信息');
      break;
    case error.POSITION_UNAVAILABLE:
      console.log('设备无法获取当前位置信息');
      break;
    case error.TIMEOUT:
      console.log('获取地理位置信息超时');
      break;
    case error.UNKNOWN_ERROR:
      console.log('未知错误');
      break;
  }
}
var options = {
  enableHighAccuracy: true,
  maximumAge: 1000
};

以上代码中，getCurrentPosition()方法中传递了三个参数：成功回调函数, 失败回调函数和位置选项参数。如果获取设备位置信息成功，将会执行 successCallback() 函数进行处理。如果失败，将会执行 errorCallback() 函数。位置选项参数用于设置获取位置信息的一些参数。

2.2 watchPosition()

watchPosition() 方法与 getCurrentPosition() 方法相似，但是它将会持续监听设备的位置信息，直到调用 clearWatch() 方法或者应用程序被销毁。在移动应用程序中，watchPosition() 方法通常用于实时更新用户位置信息，以实现导航功能等。

3. 监听GPS是否开启

Geolocation API提供了一个属性navigator.geolocation，通过该属性可以判断用户是否开启了GPS。如果用户关闭了GPS，再调用getCurrentPosition()方法获取位置信息就会失败。因此，我们需要通过判断用户是否开启了GPS来区分不同的错误类型。

// 判断用户是否允许应用程序获取地理位置信息
if (!navigator.geolocation) {
  alert("您的设备不支持地理位置信息的获取！");
}
else {
  navigator.geolocation.getCurrentPosition(successCallback, errorCallback);
}
function successCallback(position) {
  // 获取经度
  var longitude = position.coords.longitude;
  // 获取纬度
  var latitude = position.coords.latitude;
  // 获取精度
  var accuracy = position.coords.accuracy;
}
function errorCallback(error) {
  switch(error.code) {
    case error.PERMISSION_DENIED:
      alert('请允许应用程序获取您的地理位置信息！');
      break;
    case error.POSITION_UNAVAILABLE:
      alert('获取地理位置信息失败！');
      break;
    case error.TIMEOUT:
      alert('获取地理位置信息超时！');
      break;
    case error.UNKNOWN_ERROR:
      alert('未知错误！');
      break;
  }
}

以上代码中，我们首先通过navigator.geolocation判断设备是否支持地理位置信息获取。如果支持，则调用getCurrentPosition()方法获取当前位置信息。在errorCallback()函数中，我们通过error.code的值来判断具体出错的原因，并且给出相应的提示信息。

3.1 监听GPS开启状态变化

在有些情况下，我们需要实时监测GPS开关状态的变化，以便及时告知用户开启或关闭GPS的状态。利用watchPosition()方法实现实时监测。我们可以在successCallback() 函数中调用 watchPosition() 方法来持续监听设备位置信息的变化。调用 watchPosition() 方法后，将返回一个数字 ID （也称为 watchID），该 ID 用于标记 watchPosition() 监听的对象。

var watchID;
if (!navigator.geolocation) {
  alert("您的设备不支持地理位置信息的获取！");
}
else {
  watchID = navigator.geolocation.watchPosition(successCallback, errorCallback);
}
function successCallback(position) {
  // 获取经度
  var longitude = position.coords.longitude;
  // 获取纬度
  var latitude = position.coords.latitude;
  // 获取精度
  var accuracy = position.coords.accuracy;
  // GPS状态
  var gps_status = position.coords.heading;
  // GPS精度
  var gps_accuracy = position.coords.altitudeAccuracy;
}
function errorCallback(error) {
  switch(error.code) {
    case error.PERMISSION_DENIED:
      alert('请允许应用程序获取您的地理位置信息！');
      break;
    case error.POSITION_UNAVAILABLE:
      alert('获取地理位置信息失败！');
      break;
    case error.TIMEOUT:
      alert('获取地理位置信息超时！');
      break;
    case error.UNKNOWN_ERROR:
      alert('未知错误！');
      break;
  }
}

在以上代码中，我们通过调用 watchPosition() 方法来实时监听设备经纬度、精度等信息。通过调用getCurrentPosition()来获取到当前的GPS状态。如果GPS状态变化，successCallback() 函数将会被重新调用。

4. 总结

通过Geolocation API，我们可以轻松地使用设备的GPS来获取用户的位置信息。利用navigator.geolocation API 可以判断用户的GPS是否开启以及获取用户的位置信息。

为了提供更好的用户体验，我们还可以利用watchPosition()方法来实时监听设备位置信息的变化，以及持续监听用户是否开启了GPS，以实现及时告知用户GPS状态的变化。