uniappの地図位置測位機能の使い方

// 获取用户的地理位置权限
uni.getSetting({
  success(res) {
    // 判断是否有地理位置权限
    if (!res.authSetting['scope.userLocation']) {
      // 请求获取地理位置权限
      uni.authorize({
        scope: 'scope.userLocation',
        success() {
          // 用户同意获取地理位置权限，可以进行地图定位操作
          // 调用地图定位函数
          getLocation()
        },
        fail() {
          // 用户拒绝获取地理位置权限，提示用户手动授权
          uni.showToast({
            title: '请在设置页中打开地理位置权限',
            icon: 'none'
          })
        }
      })
    } else {
      // 用户已经获取地理位置权限，可以进行地图定位操作
      // 调用地图定位函数
      getLocation()
    }
  }
})

// 获取用户地理位置信息
function getLocation() {
  uni.getLocation({
    type: 'gcj02',
    success(res) {
      // 操作定位成功，在控制台输出定位信息
      console.log(res)
    },
    fail() {
      // 定位失败，提示用户重新尝试
      uni.showToast({
        title: '定位失败，请检查网络或重新尝试',
        icon: 'none'
      })
    }
  })
}

<!-- 页面结构代码 -->
<template>
  <view class="container">
    <view class="map-container">
      <!-- 地图容器 -->
      <map :latitude="latitude" :longitude="longitude" :markers="markers" />
    </view>
  </view>
</template>

<!-- 页面样式代码 -->
<style>
.container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.map-container {
  width: 100%;
  height: 100%;
}
</style>

<!-- 页面逻辑代码 -->
<script>
export default {
  data() {
    return {
      latitude: 0, // 用户纬度
      longitude: 0, // 用户经度
      markers: [] // 用户位置标记
    }
  },
  mounted() {
    // 页面加载完成后，获取用户地理位置信息并渲染地图
    this.getLocation()
  },
  methods: {
    // 获取用户地理位置信息
    getLocation() {
      uni.getLocation({
        type: 'gcj02',
        success: (res) => {
          // 更新用户位置
          this.latitude = res.latitude
          this.longitude = res.longitude
          // 更新标记位置
          this.markers = [{
            id: 0,
            latitude: res.latitude,
            longitude: res.longitude,
            name: '当前位置'
          }]
        }
      })
    }
  }
}
</script>