第18行: | 第18行: | ||
<div class="video-wrap infor"> | <div class="video-wrap infor"> | ||
<div class="video-control"></div><!-- 安卓视频位置 (不写协议)--> | <div class="video-control"></div><!-- 安卓视频位置 (不写协议)--> | ||
− | <pre></pre> | + | <pre>//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/Android点标记平移动画.mp4</pre> |
</div> | </div> | ||
<div class="video-icon-and"> | <div class="video-icon-and"> | ||
第34行: | 第34行: | ||
<div class="left-qrCode"> | <div class="left-qrCode"> | ||
<!-- 安卓二维码位置 --> | <!-- 安卓二维码位置 --> | ||
− | <div class="qrCode-and">1590746640|</div> | + | <div class="qrCode-and">1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/qrcodes/点标记平移动画.png</div> |
<div>扫码体验</div> | <div>扫码体验</div> | ||
</div> | </div> | ||
第47行: | 第47行: | ||
<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"> | + | <div class="documentA">点标记平移动画|/index.php?title=androidsdk/guide/search/geo</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- | + | <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"> | ||
第356行: | 第356行: | ||
<div> | <div> | ||
<div class="point"></div> | <div class="point"></div> | ||
− | <div class="documentA"> | + | <div class="documentA">点标记动画|/index.php?title=androidsdk/guide/render-map/animation</div> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
第404行: | 第400行: | ||
<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"> | + | <div class="documentA">点标记平移动画|/index.php?title=iossdk/guide/search/geo</div> |
</div> | </div> | ||
</div> | </div> | ||
第532行: | 第528行: | ||
<div> | <div> | ||
<div class="point"></div> | <div class="point"></div> | ||
− | <div class="documentA"> | + | <div class="documentA">点标记动画|/index.php?title=iossdk/guide/map-render/animation</div> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> |
2020年6月1日 (一) 09:27的版本
点标记平移动画
功能场景
需要展示点标记在地图上的移动效果时可使用,平移效果流畅。
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/search/geo
下载源码
//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起
核心代码
a、构造平移动画
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() { } });
复制
深色
复制成功
b、设置、开启、取消动画
JAVA
mMarker.setAnimation(transformation); mMarker.startAnimation(); mMarker.cancelAnimation();
复制
深色
复制成功
更多功能
点标记动画|/index.php?title=androidsdk/guide/render-map/animation