微信小程序实战——获取用户地理位置信息

Posted 2023-01-23

app.json

开通获取用户地理位置信息访问权限

"permission": 
    "scope.userLocation": 
      "desc": "获取你的位置信息" 
    
  ,

pages\\index\\index.wxml

<view>经度：location.latitude</view>
<view>纬度：location.longitude</view>
<button bindtap="getLocation">获取当前地理位置</button>

pages\\index\\index.js

Page(
  data: 
    location: null
  ,
  getLocation: function () 
    wx.getLocation(
      type: wgs84,
      success: (res) => 
        this.setData(
          location: 
            latitude: res.latitude, // 纬度
            longitude: res.longitude // 经度
          
        )
      
    )
  ,
)

最终效果

点击获取当前地理位置按钮