微信小程序获取用户当前所在位置

最新推荐文章于 2025-06-24 10:40:10 发布

海的泡泡

最新推荐文章于 2025-06-24 10:40:10 发布

阅读量748

点赞数

CC 4.0 BY-SA版权

文章标签：微信小程序小程序

本文链接：https://blog.youkuaiyun.com/f20212001/article/details/125152313

这篇博客介绍了如何在微信小程序中获取用户当前位置。首先，通过调用`wx.getLocation`授权并获取用户经纬度，注意要在App.json中配置相应权限。接着，详细讲解了如何申请腾讯地图API的开发者密钥并启用WebServiceAPI服务。之后，设置了安全域名，并引入微信小程序JavaScriptSDK。最后，展示了如何编写函数，根据经纬度利用腾讯地图API获取城市名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取用户当前所在位置

1. 授权并获取经纬度

调用 wx.getLocation 来进行授权，使用此属性时应注意在App.json文件中进行配置


  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  },

这是提示用户要干嘛的弹窗信息

wx.getSetting 判断用户是否已授权，

   // 定位
    position() {
      wx.getSetting({
        success: (res) => {
          // res.authSetting['scope.userLocation'] == undefined  表示 初始化进入该页面
          // res.authSetting['scope.userLocation'] == false  表示 非初始化进入该页面,且未授权
          // res.authSetting['scope.userLocation'] == true  表示 地理位置授权
          if (res.authSetting['scope.address.userLocation'] != undefined && res.authSetting['scope.address.userLocation'] != true) {
            wx.showModal({
              title: '请求授权当前位置',
              content: '需要获取您的地理位置，请确认授权',
              success: function (res) {
                if (res.cancel) {
                  wx.showToast({
                    ti