vue 高德地图点击跳转到某一个点位

要在Vue中实现点击跳转到某一个点位，需要使用高德地图的JavaScript API。下面是一个实现的示例代码：

1. 首先，在页面中引入高德地图的JS文件：

<!-- 高德地图JS文件 -->
<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>

2. 在Vue组件中，定义地图容器和地图对象：

<template>
  <div id="map-container"></div>
</template>

<script>
export default {
  data() {
    return {
      // 地图对象
      map: null,
    };
  },
  mounted() {
    // 初始化地图
    this.initMap();
  },
  methods: {
    initMap() {
      // 创建地图对象
      this.map = new AMap.Map('map-container', {
        zoom: 13, // 地图缩放级别
        center: [116.397428, 39.90923], // 地图中心点
      });
    },
  },
};
</script>

3. 在地图上添加标记，并给标记添加点击事件：

<template>
  <div id="map-container"></div>
</template>

<script>
export default {
  data() {
    return {
      // 地图对象
      map: null,
      // 标记对象
      marker: null,
    };
  },
  mounted() {
    // 初始化地图
    this.initMap();
  },
  methods: {
    initMap() {
      // 创建地图对象
      this.map = new AMap.Map('map-container', {
        zoom: 13, // 地图缩放级别
        center: [116.397428, 39.90923], // 地图中心点
      });

      // 创建标记对象
      this.marker = new AMap.Marker({
        position: [116.397428, 39.90923], // 标记位置
        map: this.map, // 地图对象
      });

      // 给标记添加点击事件
      this.marker.on('click', () => {
        // 跳转到标记位置
        this.map.setCenter([116.397428, 39.90923]);
      });
    },
  },
};
</script>

在上面的代码中，当标记被点击时，会调用`map.setCenter`方法将地图中心点设置为标记位置，这样就可以实现点击跳转到某一个点位了。