vue3 使用高德地图 marker的animation属性不生效

vue3 使用高德地图 marker的animation属性不生效

该回答引用GPT:
Vue3 使用高德地图 marker 的 animation 属性不生效的原因可能是：

  1. 没有正确引入高德地图的 JS 文件；
  2. 没有正确设置 animation 属性；
  3. 没有正确初始化地图；
// 例如：
// 引入高德地图的 JS 文件
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你申请的key值"></script>

// 初始化地图
var map = new AMap.Map('container', {
    zoom: 11,
    center: [116.397428, 39.90923]
});

// 设置 marker 的 animation 属性
var marker = new AMap.Marker({
    position: [116.397428, 39.90923],
    animation: 'AMAP_ANIMATION_DROP'
});

// 将 marker 添加到地图
map.add(marker);

如还有疑问，可留言帮助解决。