vue-amap 不显示定位按钮

如果你使用的是 vue-amap SDK，那么可以通过以下步骤添加定位按钮：

1. 在 Vue 组件的 `mounted` 钩子函数中，调用 `this.$amap.service('AMap.Geolocation')` 创建定位服务对象。

2. 调用定位服务对象的 `getCurrentPosition` 方法获取当前位置，并将 `showButton` 参数设置为 `true` 打开定位按钮。

下面是一个示例代码：

mounted() {
  // 创建定位服务对象
  this.geolocation = this.$amap.service('AMap.Geolocation', {});

  // 获取当前位置，并打开定位按钮
  this.geolocation.getCurrentPosition((status, result) => {
    if (status === 'complete') {
      this.$amap.plugin('AMap.Geolocation', () => {
        const geolocation = new AMap.Geolocation({
          enableHighAccuracy: true, // 是否使用高精度定位，默认为 true
          showButton: true, // 是否显示定位按钮，默认为 false
          buttonPosition: 'LB', // 定位按钮的位置，可以设置 'LT'、'LB'、'RT'、'RB'，默认为 'LB'
          buttonOffset: new AMap.Pixel(10, 20), // 定位按钮距离地图边缘的偏移量，默认为 AMap.Pixel(10, 20)
          zoomToAccuracy: true, // 定位成功后是否自动调整地图视野到定位点，默认为 true
        });
        this.$map.addControl(geolocation);
      });
    }
  });
},

在上面的代码中，我们首先创建了定位服务对象 `this.geolocation`，然后在 `getCurrentPosition` 方法中获取当前位置，并调用 `this.$amap.plugin` 方法添加定位控件，并将 `showButton` 参数设置为 `true` 打开定位按钮。

注意：为了使用 `this.$amap.plugin` 方法添加定位控件，需要先在 Vue 组件的 `mounted` 钩子函数中调用 `this.$amap.plugin('AMap.Geolocation')` 加载定位插件。