| 第34行： | 第34行： | ||
<div class="left-qrCode"> | <div class="left-qrCode"> | ||
<!-- 安卓二维码位置 --> | <!-- 安卓二维码位置 --> | ||
| − | <div class="qrCode-and">1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/qrcodes/点标记平移动画.png</div> | + | <div class="qrCode-and">1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/qrcodes/点标记平移动画.png |
| + | </div> | ||
<div>扫码体验</div> | <div>扫码体验</div> | ||
</div> | </div> | ||
| 第46行： | 第47行： | ||
<!-- 产品1|/index.php?title=test --> | <!-- 产品1|/index.php?title=test --> | ||
<div class="documentA">Android地图SDK|/index.php?title=androidsdk</div> | <div class="documentA">Android地图SDK|/index.php?title=androidsdk</div> | ||
| − | <div >></div> | + | <div>></div> |
<div class="documentA">点标记动画|/index.php?title=androidsdk/guide/render-map/animation</div> | <div class="documentA">点标记动画|/index.php?title=androidsdk/guide/render-map/animation</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="wrap_right_nav_r">下载源码</div><!-- 安卓源码地址 --> | <div class="wrap_right_nav_r">下载源码</div><!-- 安卓源码地址 --> | ||
| − | <div class="github-url-and">//mapopen-pub-androidsdk.cdn.bcebos.com/map/sample/BaiduLBS_AndroidSDK_Sample.zip</div> | + | <div class="github-url-and"> |
| + | //mapopen-pub-androidsdk.cdn.bcebos.com/map/sample/BaiduLBS_AndroidSDK_Sample.zip</div> | ||
</div> | </div> | ||
<div class="wrap_table"> | <div class="wrap_table"> | ||
| 第64行： | 第66行： | ||
<div>描述</div> | <div>描述</div> | ||
<div>备注</div> | <div>备注</div> | ||
| − | </div> | + | </div><!-- 表格接口，可有多个 --> |
| − | + | ||
<div class="table_wrap_con"> | <div class="table_wrap_con"> | ||
<div class="table_wrap_w"> | <div class="table_wrap_w"> | ||
| 第280行： | 第281行： | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| 第295行： | 第295行： | ||
</div><!-- 安卓示例代码位置 --> | </div><!-- 安卓示例代码位置 --> | ||
<div class="pre-wrap-w pre-wrap-w-and"> | <div class="pre-wrap-w pre-wrap-w-and"> | ||
| − | <pre class="prettyprint prettyprinted pre-and"> | + | <pre class="prettyprint prettyprinted pre-and">Transformation transformation = new Transformation(mMarker.getPosition(), mLatLng); |
| − | Transformation transformation = new Transformation(mMarker.getPosition(), mLatLng); | + | |
transformation.setDuration(3000); | transformation.setDuration(3000); | ||
transformation.setAnimationListener(new Animation.AnimationListener() { | transformation.setAnimationListener(new Animation.AnimationListener() { | ||
| 第323行： | 第322行： | ||
</div> | </div> | ||
<div class="success">复制成功</div> | <div class="success">复制成功</div> | ||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| 第334行： | 第332行： | ||
</div><!-- 安卓示例代码位置 --> | </div><!-- 安卓示例代码位置 --> | ||
<div class="pre-wrap-w pre-wrap-w-and"> | <div class="pre-wrap-w pre-wrap-w-and"> | ||
| − | <pre class="prettyprint prettyprinted pre-and"> | + | <pre class="prettyprint prettyprinted pre-and">mMarker.setAnimation(transformation); |
| − | mMarker.setAnimation(transformation); | + | |
mMarker.startAnimation(); | mMarker.startAnimation(); | ||
mMarker.cancelAnimation(); | mMarker.cancelAnimation(); | ||
| 第344行： | 第341行： | ||
</div> | </div> | ||
<div class="success">复制成功</div> | <div class="success">复制成功</div> | ||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| 第359行： | 第355行： | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
</div> | </div> | ||
| 第399行： | 第393行： | ||
<!-- 产品1|/index.php?title=test --> | <!-- 产品1|/index.php?title=test --> | ||
<div class="documentA">IOS地图SDK|/index.php?title=iossdk</div><!-- --> | <div class="documentA">IOS地图SDK|/index.php?title=iossdk</div><!-- --> | ||
| − | <div >></div> | + | <div>></div> |
<div class="documentA">点标记动画|/index.php?title=iossdk/guide/map-render/animation</div> | <div class="documentA">点标记动画|/index.php?title=iossdk/guide/map-render/animation</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="wrap_right_nav_r">下载源码</div><!-- IOS源码地址 --> | <div class="wrap_right_nav_r">下载源码</div><!-- IOS源码地址 --> | ||
| − | <div class="github-url-ios">//mapopen-website-wiki.bj.bcebos.com/ | + | <div class="github-url-ios">//mapopen-website-wiki.bj.bcebos.com/BaiduMapSDKDemo.zip</div> |
</div> | </div> | ||
<div class="wrap_table"> | <div class="wrap_table"> | ||
| 第454行： | 第448行： | ||
<div class="table_wrap_w"> | <div class="table_wrap_w"> | ||
<div> | <div> | ||
| − | <div class="table-wrap-className">BMKPinAnnotationView </div> | + | <div class="table-wrap-className">BMKPinAnnotationView</div> |
</div> | </div> | ||
<div> | <div> | ||
| − | <div>- (id)initWithAnnotation:(id | + | <div>- (id)initWithAnnotation:(id <BMKAnnotation>)annotationreuseIdentifier:(NSString *)reuseIdentifier;</div> |
</div> | </div> | ||
<div> | <div> | ||
| 第465行： | 第459行： | ||
<div class="table_wrap_w"> | <div class="table_wrap_w"> | ||
<div> | <div> | ||
| − | <div class="table-wrap-className">BMKMapView </div> | + | <div class="table-wrap-className">BMKMapView</div> |
</div> | </div> | ||
<div> | <div> | ||
| − | <div>- (void)addAnnotation:(id | + | <div>- (void)addAnnotation:(id <BMKAnnotation>)annotation;</div> |
</div> | </div> | ||
<div> | <div> | ||
| 第476行： | 第470行： | ||
<div class="table_wrap_w"> | <div class="table_wrap_w"> | ||
<div> | <div> | ||
| − | <div class="table-wrap-className">UIView </div> | + | <div class="table-wrap-className">UIView</div> |
</div> | </div> | ||
<div> | <div> | ||
| − | <div>+ (void)animateWithDuration:(NSTimeInterval) | + | <div>+ (void)animateWithDuration:(NSTimeInterval)durationdelay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^ __nullable)(BOOLfinished))completion API_AVAILABLE(ios(4.0));</div> |
</div> | </div> | ||
<div> | <div> | ||
| 第488行： | 第482行： | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| 第499行： | 第492行： | ||
<div>Objective-C</div> | <div>Objective-C</div> | ||
</div> | </div> | ||
| − | |||
<div class="pre-wrap-w pre-wrap-w-ios code_container"> | <div class="pre-wrap-w pre-wrap-w-ios code_container"> | ||
<!-- ios示例代码位置 --> | <!-- ios示例代码位置 --> | ||
| − | <pre class="prettyprint prettyprinted pre-ios"> | + | <pre class="prettyprint prettyprinted pre-ios">//添加平移动画 |
| − | //添加平移动画 | + | |
- (void)addAnimationWithLocation:(CLLocationCoordinate2D)location { | - (void)addAnimationWithLocation:(CLLocationCoordinate2D)location { | ||
[UIView animateWithDuration:2.0 | [UIView animateWithDuration:2.0 | ||
2020年6月1日 (一) 19:30的版本
点标记平移动画
功能场景
需要展示点标记在地图上的移动效果时可使用，平移效果流畅。
Android
iOS
//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/Android点标记平移动画.mp4
1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/qrcodes/点标记平移动画.png
扫码体验
使用产品
Android地图SDK|/index.php?title=androidsdk
>
点标记动画|/index.php?title=androidsdk/guide/render-map/animation
下载源码
//mapopen-pub-androidsdk.cdn.bcebos.com/map/sample/BaiduLBS_AndroidSDK_Sample.zip
核心接口
类
接口
描述
备注
Transformation
Transformation(LatLng... latlng)
平移动画构造方法，传入要平移的经纬度坐标
V5.1.0起
Transformation
setDuration(long animationTime)
设置平移动画时长
V5.1.0起
Transformation
TsetAnimationListener(AnimationListener listener)
设置平移动画监听器
V5.1.0起
Transformation
setInterpolator(Interpolator interpolator)
设置平移动画差值器
V5.1.0起
Transformation
setRepeatMode(RepeatMode repeatMode)
设置平移动画重复模式
V5.1.0起
Transformation
setRepeatCount(int count)
设置平移动画重复次数
V5.1.0起
Transformation
cancel()
取消平移动画
V5.1.0起
Aniamtion.AnimationListener()
onAnimationStart()
动画开始回调
V5.1.0起
Aniamtion.AnimationListener()
onAnimationEnd()
动画结束回调
V5.1.0起
Aniamtion.AnimationListener()
onAnimationCancel()
动画取消回调
V5.1.0起
Marker
setAnimation(Animation animation)
设置动画
V5.1.0起
Marker
startAnimation()
启动动画
V5.1.0起
Marker
cancelAnimation()
取消动画
V5.1.0起
MarkerOptions
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();
复制
深色
复制成功
更多功能
添加文字和信息窗|/index.php?title=androidsdk/guide/render-map/text