vue 点击获取定位刷新百度地图

为了实现点击获取定位刷新百度地图，可以按照以下步骤进行操作：

1. 在 Vue 组件中引入百度地图的 JavaScript API，可以使用官方提供的 CDN 或者下载本地文件引入。

2. 在 Vue 组件中使用百度地图的 JavaScript API 创建地图实例，并设置地图的初始位置和缩放级别。

3. 使用 Vue 的事件监听机制，在点击获取定位的按钮上添加一个点击事件的监听器。当用户点击按钮时，触发该事件的回调函数。

4. 在事件回调函数中，使用 HTML5 的 Geolocation API 获取用户的当前位置。如果用户允许获取位置信息，则可以获取到用户的经纬度。

5. 使用百度地图的 JavaScript API 创建一个标注，并将标注的位置设置为用户的经纬度。然后将标注添加到地图上，实现刷新百度地图的功能。

以下是示例代码：

<template>
  <div>
    <div id="map"></div>
    <button @click="getLocation">获取定位</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      map: null,
      marker: null
    }
  },
  mounted() {
    // 创建地图实例
    this.map = new BMap.Map("map");
    // 设置地图中心点和缩放级别
    this.map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
  },
  methods: {
    getLocation() {
      // 获取当前位置信息
      navigator.geolocation.getCurrentPosition(position => {
        // 获取经纬度
        const { latitude, longitude } = position.coords;
        // 创建标注
        const point = new BMap.Point(longitude, latitude);
        const marker = new BMap.Marker(point);
        // 将标注添加到地图上
        this.map.addOverlay(marker);
        // 更新地图中心点和缩放级别
        this.map.centerAndZoom(point, 16);
      }, error => {
        console.error(error);
      });
    }
  }
}
</script>

<style>
#map {
  height: 400px;
}
</style>