揭秘！UniApp uni.getLocation快速定位获取详细地址信息

2023-03-09 08:23:46

如何使用 uni.getLocation 获取用户位置信息

在这个高度互联的世界中，基于位置的服务已经变得不可或缺。了解如何使用 uni.getLocation 是开发出色位置感知应用程序的关键。本文将引导你完成获取用户位置信息的过程，并提供有用的提示，确保你的应用程序高效且用户友好。

准备工作

在使用 uni.getLocation 之前，你需要在 manifest.json 文件中声明以下权限：

{
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置功能",
      "requestAuth": true
    }
  }
}

获取经纬度信息

要获取用户的经纬度信息，请使用以下代码：

uni.getLocation({
  type: 'gcj02', // 默认为 `wgs84`
  success: (res) => {
    console.log(res.longitude);
    console.log(res.latitude);
  },
});

参数说明：

type：定位类型，可以是 wgs84 或 gcj02。
success：成功回调函数，它接收一个包含经纬度信息的 res 对象。

获取详细地址信息

除了经纬度，你还可以获取用户详细的地址信息，包括省、市、区、街道等。使用以下代码：

uni.getLocation({
  type: 'gcj02',
  success: (res) => {
    console.log(res.longitude);
    console.log(res.latitude);
    uni.getAddress({
      latitude: res.latitude,
      longitude: res.longitude,
      success: (res) => {
        console.log(res.province);
        console.log(res.city);
        console.log(res.district);
        console.log(res.street);
      },
    });
  },
});

注意事项

在使用 uni.getLocation 时，需要注意以下几点：

在真机上运行时，需要用户授权才能获取位置信息。
在模拟器上运行时，无需授权即可获取位置信息。
获取位置信息需要一定时间，在此期间应显示等待提示。
如果获取位置信息失败，应提供相应的错误提示。

示例代码

以下是一个完整的示例代码，展示了如何使用 uni.getLocation 获取用户位置信息：

// 准备工作
// 在 manifest.json 文件中声明权限
{
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置功能",
      "requestAuth": true
    }
  }
}

// 获取位置信息
uni.getLocation({
  type: 'gcj02',
  success: (res) => {
    console.log(res.longitude);
    console.log(res.latitude);
    uni.getAddress({
      latitude: res.latitude,
      longitude: res.longitude,
      success: (res) => {
        console.log(res.province);
        console.log(res.city);
        console.log(res.district);
        console.log(res.street);
      },
    });
  },
});