uniapp获取位置(超级超级简单)

直接上图
在这里插入图片描述
第一步,新建uniapp项目
第二步,简单粗暴,直接在 index.vue 文件中复制下面代码进行替换即可
直接复制可用

<template>
  <view>
    <view @click="detail_address">
      <text>详细地址</text>
    </view>
    <view>{{address}}</view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        address: ''
      }
    },
    methods: {
      // 详细地址
      detail_address() {
        uni.chooseLocation({
          success: res => {
            console.log('位置名称:' + res.name);
            console.log('详细地址:' + res.address);
            console.log('纬度:' + res.latitude);
            console.log('经度:' + res.longitude);
            this.address = res.address
          }
        });
      },
    }
  }
</script>
<style>
</style>

简单吧,简单就点个赞,哈哈哈哈哈哈

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐