【终极解决方案】天地图模仿高德图标跳动效果AMAP_ANIMATION_BOUNCE

天地图模仿高德地图图标跳动效果AMAP_ANIMATION_BOUNCE,使用方法兼容高德API,无需修改过多代码,实现高德地图切换到天地图。

添加自定义设置动画属性

                    // 添加自定义方法兼容高德api写法
                    marker.setAnimation = function(action){
                        let imgElement = this.getIcon().img;
                        // console.log(imgElement)
                        if(action == 'AMAP_ANIMATION_BOUNCE'){
                            applyBounceAnimation(imgElement, true)
                        }
                        if(action == 'AMAP_ANIMATION_NONE'){
                            applyBounceAnimation(imgElement, false)
                        }
                    }

使用方法

//开始
marker.setAnimation('AMAP_ANIMATION_BOUNCE');
//停止
marker.setAnimation('AMAP_ANIMATION_NONE');

跳动动画代码

 
 

你可能感兴趣的:(vue,前端)