vue高德地图坐标更改地图不刷新

首先，确保在vue项目中正确地引入了高德地图API和相应的插件。在vue的组件中，可以创建一个地图容器，然后在容器中初始化地图对象。

当需要更改地图的坐标时，可以使用高德地图提供的API来获取地图的实例对象，然后调用相应的方法来更改地图的中心坐标。

例如，可以使用 `mapObj.setCenter()` 方法来更改地图的中心坐标。在更改完坐标后，地图将根据新的坐标重新渲染，实现地图的刷新。

以下是一个简单的示例代码：

<template>
  <div id="mapContainer"></div>
</template>

<script>
import { Map } from "vue-amap"; // 引入高德地图插件

export default {
  components: {
    Map
  },
  mounted() {
    // 初始化地图
    const map = new AMap.Map("mapContainer", {
      zoom: 14, // 初始缩放级别
      center: [116.39, 39.9] // 初始中心坐标
    });

    // 将地图实例对象保存到组件的 data 中
    this.mapObj = map;
  },
  methods: {
    changeMapCenter() {
      // 更改地图中心坐标，并刷新地图
      this.mapObj.setCenter([116.4, 39.9]);
    }
  }
};
</script>

在上述代码中，通过调用 `this.mapObj.setCenter()` 方法来更改地图的中心坐标，并实现地图的刷新。

当点击某个按钮或在特定条件下执行 `changeMapCenter` 方法时，即可实现地图的坐标更改和刷新。

请注意，以上代码仅为示例，并需要根据实际情况进行适当修改和调整。