uniapp 实现 实时定位（支持后台、息屏运行）

在 uniapp 中实现实时定位，可以使用 uexLocation 插件。该插件可以在后台和息屏状态下运行，并提供高精度的定位服务。下面是一个简单的示例：

1. 首先，安装 uexLocation 插件。可以在官网上找到该插件的下载链接。

2. 在需要使用定位功能的页面中引入 uexLocation 插件：

<template>
  <view>
    <uex-location @location="onLocation"></uex-location>
  </view>
</template>

<script>
  export default {
    methods: {
      onLocation(location) {
        console.log(location);
        // 在这里处理定位信息
      }
    }
  }
</script>

3. 在页面中添加一个 uexLocation 组件，并监听 "location" 事件。当插件获取到位置信息时，会触发该事件，并将位置信息作为参数传递给回调函数。

4. 在页面的 mounted 生命周期中，调用 uexLocation 插件的 startLocation 方法启动定位服务：

<script>
  import { uexLocation } from '@/uexPlugins';

  export default {
    mounted() {
      uexLocation.startLocation();
    },
    methods: {
      onLocation(location) {
        console.log(location);
        // 在这里处理定位信息
      }
    }
  }
</script>

5. 如果需要在后台或息屏状态下运行定位服务，需要在应用程序的 main.js 文件中添加以下代码：

import { uexLocation } from '@/uexPlugins';

// 监听应用程序的 pause 和 resume 事件
uni.onAppPause(() => {
  uexLocation.stopLocation();
});

uni.onAppResume(() => {
  uexLocation.startLocation();
});

这样，当应用程序进入后台或息屏状态时，定位服务会自动停止。当应用程序恢复到前台或唤醒时，定位服务会自动启动。