uniapp 小程序使用高德地图偏移位置点击按钮快速定位到当前位置

UniApp小程序中，使用高德地图实现偏移位置并点击按钮快速定位到用户当前位置，可以按照以下步骤操作：

1. 首先，在UniApp项目中引入高德地图组件，需要在`main.js`文件中注册依赖库：

   import Map from '@dcloudio/map'
   Vue.use(Map)

2. 创建地图实例并在页面上展示：

   <map :center="currentLocation" :zoom="15"></map>

这里假设`currentLocation`是一个默认初始位置，你可以初始化为城市中心或者其他默认值。

3. 定义获取用户当前位置的函数，通常使用uni.getLocation API：

   data() {
     return {
       currentLocation: [0, 0], // 初始化坐标
       showLocationBtn: true,
     }
   },
   methods: {
     getLocationSuccess(info) {
       const { latitude, longitude } = info.location;
       this.currentLocation = [longitude, latitude];
     },
     toggleLocationButton() {
       this.showLocationBtn = !this.showLocationBtn;
     },
   },
   onReady() {
     this.getLocation(); // 初始化定位请求
   },
   methods: {
     getLocation() {
       uni.getLocation({
         type: 'gcj02', // 使用GPS定位，默认为wgs84
         success: this.getLocationSuccess,
         error: console.error.bind(console),
       });
     },
   }

当用户点击按钮时，`toggleLocationButton`方法会被调用，控制地图显示定位按钮的状态。当按钮可见（`showLocationBtn`为true），点击按钮会触发新的定位请求。

4. 添加点击事件监听，用于点击定位按钮：

   <button @tap="getLocation" v-if="showLocationBtn">点击定位</button>