微信小程序导航栏获取用户地址示例

以下是一个微信小程序获取用户地址的示例代码：

// 在页面中定义获取用户地址的方法
getUserLocation: function() {
  const that = this
  wx.chooseLocation({
    success: function(res) {
      console.log(res)
      that.setData({
        latitude: res.latitude,
        longitude: res.longitude,
        address: res.address
      })
    },
    fail: function(error) {
      console.error(error)
    }
  })
}

// 在页面的顶部地址栏添加获取用户地址按钮
{
  "navigationBarTitleText": "页面标题",
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationStyle": "default",
  "backgroundColor": "#eeeeee",
  "navigationBarRightButton": [
    {
      "text": "获取地址",
      "color": "#000000",
      "backgroundColor": "#ffffff",
      "success": "getUserLocation"
    }
  ]
}

以上代码中，我们在页面中定义了一个`getUserLocation`方法，用于调用微信小程序提供的`wx.chooseLocation` API 来获取用户的地址信息。然后，在页面的顶部地址栏添加了一个名为“获取地址”的按钮，点击该按钮会触发`getUserLocation`方法，从而获取用户的地址信息并将其展示在页面中。

需要注意的是，用户需要授权小程序获取其地理位置信息才能使用`wx.chooseLocation` API，因此在使用该 API 前需要先进行授权。授权方式可以参考微信小程序开发文档中的有关地理位置授权的章节。