uniapp获取地址

UniApp可以使用uni-app-plus插件中的uni-location组件获取地址信息。使用该组件需要先在manifest.json文件中添加权限声明，如下所示：

{
  "mp-weixin": {
    "permission": {
      "scope.userLocation": {
        "desc": "获取位置信息"
      }
    }
  }
}

然后，在需要获取地址信息的页面中，引入uni-location组件，并在methods中定义getLocation方法，如下所示：

<template>
  <view>
    <button @click="getLocation">获取地址</button>
    <view v-if="location">
      <p>经度：{{location.longitude}}</p>
      <p>纬度：{{location.latitude}}</p>
      <p>详细地址：{{location.address}}</p>
    </view>
  </view>
</template>

<script>
import uniLocation from '@/uni_modules/uni-location/uni-location.vue';

export default {
  components: {
    uniLocation
  },
  data() {
    return {
      location: null
    }
  },
  methods: {
    getLocation() {
      uni.getLocation({
        success: (res) => {
          this.location = res;
        },
        fail: (err) => {
          console.log(err);
        }
      })
    }
  }
}
</script>

在getLocation方法中，调用uni.getLocation方法获取地址信息，并将结果赋值给location变量，然后在页面中显示。需要注意的是，uni.getLocation方法需要用户授权才能获取地址信息，如果用户未授权，则会调用失败。