vue高德点弹跳效果

Vue高德点弹跳效果实现的基本思路是使用高德地图API提供的动画效果和Vue框架的数据绑定功能。具体步骤如下：

1. 首先，在Vue组件的声明周期函数中初始化地图并添加需要添加的点标记。
2. 在初始化地图时，为每个添加的点标记设置一个弹跳的动画效果。可以使用高德地图API提供的marker.setAnimation()方法来实现。在设置动画之前，需要先设置点标记的经纬度、图标等属性。
3. 在Vue组件的数据中，定义一个属性来表示点标记是否进行弹跳动画。
4. 在模板中，使用v-for指令遍历数据属性，为每个点标记添加相应的HTML元素并设置相应的样式和事件。需要注意的是，在每个点标记的HTML元素中，需要设置一个事件监听器来监听点击事件。
5. 当用户点击某个点标记时，通过点击事件的回调函数，修改该点标记对应数据属性的值，从而触发Vue的数据绑定机制，更新模板中相应元素的样式。
6. 根据数据属性的值的变化，在模板中为点标记添加或删除“animation”样式类，从而触发或取消点标记的弹跳动画效果。

通过以上步骤，就可以实现在Vue中使用高德地图API实现点标记的弹跳效果。在用户点击某个点标记时，该点标记将进行弹跳动画，并且在点击其他点标记时，之前的点标记将停止弹跳。