【uniapp小程序实战】—— 使用腾讯地图获取定位

在uniapp中使用腾讯地图获取位置信息，可以通过uni的API uni.getLocation 来实现。以下是一个简单的示例代码：

<template>
  <view>
    <button @click="getLocation">获取位置信息</button>
    <view v-if="location">
      纬度：{{ location.latitude }}，经度：{{ location.longitude }}
    </view>
  </view>
</template>
 
<script>
export default {
  data() {
    return {
      location: null
    };
  },
  methods: {
    getLocation() {
      let that = this;
      uni.getLocation({
        type: 'wgs84', // 返回可以用于腾讯地图的坐标
        success: function (res) {
          that.location = res;
        },
        fail: function (err) {
          console.log('获取位置失败：', err);
        }
      });
    }
  }
};
</script>

在这个示例中，我们定义了一个方法 getLocation 来调用 uni.getLocation 获取当前位置。用户点击按钮后，会触发位置获取，成功后将位置信息保存至组件的 data 中的 location 变量。页面上会显示获取到的位置信息。

请确保在 manifest.json 中配置了地理位置权限，并且用户允许了位置权限。如果用户首次运行，会收到权限申请提示。

// manifest.json 中配置示例
{
  ...
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  }
  ...
}

注意：实际使用时，需要替换 <map> 组件的 id 和 longitude、latitude 等属性，以便在腾讯地图上显示位置信息。