微信小程序获取地理位置

原创已于 2022-09-21 17:45:58 修改 · 671 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

于 2022-08-23 15:26:06 首次发布

小程序专栏收录该内容

23 篇文章

订阅专栏

这篇博客详细介绍了在微信小程序中如何获取并使用用户位置信息。通过app.json配置权限，onLoad函数触发getLocation方法，成功获取经纬度后存储到本地，并在控制台输出以供检查。在遇到失败情况时，还提供了错误处理机制。

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

首先微信公众平台开通权限

app.json

 "permission":{
    "scope.userLocation": {
      "desc": "您的位置信息将用于获取周围门店信息"
    }
  },
  "requiredPrivateInfos": [
		"getLocation"
	],
 "sitemapLocation": "sitemap.json",

index.js

 onLoad: function () {
this.getLocation()
},
 getLocation() {
   
    console.log('pppp')
    var that = this;
    wx.getLocation({
      type: 'wgs84',
      success (res) {
        console.log(res)
        const latitude = res.latitude
        const longitude = res.longitude
        const speed = res.speed
        const accuracy = res.accuracy
        console.log(res) //将获取到的经纬度信息输出到控制台以便检查
     

        that.setData({ //将获取到的经度、纬度数值分别赋值给本地变量
          latitude: res.latitude,
          longitude: res.longitude,
          location:res.latitude+','+res.longitude
        })
        console.log(res.latitude+','+res.longitude)
        wx.setStorageSync('location', res.latitude+','+res.longitude)//arr是要存的数据
        
      },
      fail(err){
        console.log(err);
      }
     })
  },