高德地图APILoca动画说明我们在使用Loca制作地图动画的时候，有几种对应的动画效果，包括center:translationpitch:viewanglezoom:zoomrotation:rotation，我们来看看对应的不同动画效果到代码里，就很清楚动画是怎么制作的了。具体的例子可以在这里查看：https://kylebing.cn/tools/map/Loca的官方说明https://lbs.amap.com/api/loca-v2/introcentercenter:{value:POSITION.cityCenter,//动画控制终点的经纬度：[POSITION.hanyu,POSITION.cityCenter],//过渡中的轨迹控制点，地图上的经纬度时序：[0.42,0,0.4,1],//动画时间控制点duration:2000,//过渡时间，毫秒（ms）}pitch//俯仰角动画pitch:{value:45,//俯仰角控制:[[0.3,20],[0.4,40]],//controller,x是从0到1的起始范围,y是pitch值timing:[0,0,1,1],//这个值是线性过渡duration:5000zoom//zoomlevelanimationzoom:{value:17,//动画结束时的地图缩放级别control:[[0.4,18],[0.6,17]],//controller,x为起始范围0到1,y是缩放值timing:[0.42,0,0.4,1],duration:5000,}rotation//rotationanimationrotation:{value:120,//动画结束时的地图旋转角度control:[[0.4,30],[0.6,120]],//controller,x为起始范围0到1,y是旋转值timing:[0.42,0,0.4,1],duration:10000,}组合成this.loca.viewControl.addAnimates([{center:{value:POSITION.cityCenter,//动画控制终点的经纬度:[POSITION.hanyu,POSITION.cityCenter],//过渡中的轨迹控制点，经纬度地图上的经度timing:[0.42,0,0.4,1],//动画时间控制点duration:2000,//过渡时间，毫秒(ms)},//俯仰角动画pitch:{value:45,//动画结束时的俯仰角控制:[[0.3,20],[0.4,40]],//controller,x是从0到1的起始区间,y是俯仰值计时:[0,0,1,1],//这个值是线性过渡持续时间:5000,},//缩放级别动画zoom:{value:17,//动画控制结束时的地图缩放级别:[[0.4,18],[0.6,17]],//控制器,x为0～1的起始区间,y为缩放值timing:[0.42,0,0.4,1],duration:5000,},//rotation动画旋转:{value:120,//动画结束时的地图旋转角度control:[[0.4,30],[0.6,120]],//controller，x是从0到1的起始范围，y是旋转值timing:[0.42,0,0.4,1],duration:10000,}}],()=>{})
