vue 高德地图 点标记 点击跳动一下

要让 Vue 中的高德地图点标记点击后跳动一下，可以利用高德地图 JavaScript API 的 Marker 类和 Animation 类来实现。

首先，在 Vue 中引入高德地图 JavaScript API：

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>

然后，在 Vue 组件中创建地图和点标记：

<template>
  <div ref="mapContainer" style="height: 400px;"></div>
</template>

<script>
export default {
  data() {
    return {
      map: null,
      marker: null
    };
  },
  mounted() {
    this.initMap();
  },
  methods: {
    initMap() {
      this.map = new window.AMap.Map(this.$refs.mapContainer, {
        center: [116.397428, 39.90923],
        zoom: 13
      });
      this.marker = new window.AMap.Marker({
        position: [116.397428, 39.90923],
        map: this.map,
        animation: 'AMAP_ANIMATION_DROP'
      });
      this.marker.on('click', () => {
        this.marker.setAnimation('AMAP_ANIMATION_BOUNCE');
      });
    }
  }
};
</script>

在上面的代码中，首先在 mounted 钩子函数中调用 initMap 方法创建地图和点标记。在 initMap 方法中，我们通过创建 AMap.Map 实例来创建地图，并且通过创建 AMap.Marker 实例来创建点标记。在创建点标记的时候，我们设置了 animation 属性为 AMAP_ANIMATION_DROP，这样点标记就会在创建时从天上掉下来。然后通过监听点标记的 click 事件，在回调函数中设置 animation 属性为 AMAP_ANIMATION_BOUNCE，这样点标记就会跳动起来。

注意，要让点标记跳动起来，需要在创建点标记时设置 animation 属性为 AMAP_ANIMATION_BOUNCE。另外，在改变点标记的动画效果时，需要通过 setAnimation 方法来设置。