点标记平移动画

功能场景

需要展示点标记在地图上的移动效果时可使用，平移效果流畅。

Android

iOS

//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/Android点标记平移动画.mp4

扫码体验

使用产品

Android地图SDK

>

点标记动画

下载源码

核心接口

类

接口

描述

备注

Transformation(LatLng... latlng)

平移动画构造方法，传入要平移的经纬度坐标

V5.1.0起

setDuration(long animationTime)

设置平移动画时长

V5.1.0起

TsetAnimationListener(AnimationListener listener)

设置平移动画监听器

V5.1.0起

Transformation

setInterpolator(Interpolator interpolator)

设置平移动画差值器

V5.1.0起

setRepeatMode(RepeatMode repeatMode)

设置平移动画重复模式

V5.1.0起

setRepeatCount(int count)

设置平移动画重复次数

V5.1.0起

cancel()

取消平移动画

V5.1.0起

onAnimationStart()

动画开始回调

V5.1.0起

Aniamtion.AnimationListener()

onAnimationEnd()

动画结束回调

V5.1.0起

onAnimationCancel()

动画取消回调

V5.1.0起

setAnimation(Animation animation)

设置动画

V5.1.0起

Marker

startAnimation()

启动动画

V5.1.0起

cancelAnimation()

取消动画

V5.1.0起

position(LatLng latlng)

配置Marker经纬度

V5.1.0起

MarkerOptions

icon(BitmapDescriptor bitmapDescriptor)

配置Marker图标

V5.1.0起

核心代码

1.构造平移动画

JAVA

Transformation transformation = new Transformation(mMarker.getPosition(), mLatLng);
transformation.setDuration(3000);
transformation.setAnimationListener(new Animation.AnimationListener() {
    @Override
    public void onAnimationStart() {
    }

    @Override
    public void onAnimationEnd() {
    }

    @Override
    public void onAnimationCancel() {
    }

    @Override
    public void onAnimationRepeat() {

    }
});
                    
                

复制

深色

复制成功

2.设置、开启、取消动画

JAVA

mMarker.setAnimation(transformation);
mMarker.startAnimation();
mMarker.cancelAnimation();
                

复制

深色

复制成功

更多功能

添加文字和信息窗

//mapopen-website-wiki.bj.bcebos.com/demos/iosVideos/iOS点标记平移动画.mov

扫码体验

使用产品

iOS地图SDK

>

点标记动画

下载源码

核心接口

类

接口

描述

- (instancetype)init

创建点标记实例

BMKPointAnnotation

CLLocationCoordinate2D coordinate;

设置点标记经纬度坐标

NSString *title;

设置显示的标题

BMKPinAnnotationView

- (id)initWithAnnotation:(id<BMKAnnotation>)annotationreuseIdentifier:(NSString *)reuseIdentifier;

初始化并返回一个BMKPinAnnotationView实例

BMKMapView

- (void)addAnnotation:(id <BMKAnnotation>)annotation;

向地图窗口添加点标记

UIView

+ (void)animateWithDuration:(NSTimeInterval)durationdelay:(NSTimeInterval)delayoptions:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^ __nullable)(BOOLfinished))completion API_AVAILABLE(ios(4.0));

基于UIView动画完成平移

核心代码

Objective-C

//添加平移动画
- (void)addAnimationWithLocation:(CLLocationCoordinate2D)location {
    [UIView animateWithDuration:2.0
    delay:0.0 options:UIViewAnimationOptionCurveLinear | UIViewAnimationOptionAllowUserInteraction animations:^(void) {
        self.annotation.coordinate = location;
    } completion:nil];
}
                

复制

深色

复制成功