arcgis point 随着 line类型的轨迹运动的动画

weixin_30840573

于 2019-04-24 10:00:00 发布

阅读量882

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liao1992/p/10760692.html

本文介绍了一种在地图上实现点沿特定路径动画移动的方法。通过计算目标路径上每一点与起始点的坐标差，并按帧数平滑过渡，使地图上的标记点能够平滑地从起点移动到终点，实现地图上的路径跟随动画效果。

        animate : function(frampoint,topoint,speed = 60){
            var path = topoint.geometry.paths[0];
            var i = 1;
            var pathTimer = function(){
                
                //帧数
                var zs = 1;
                var 
                //获取经度
                lon = frampoint.geometry.x,
                //获取纬度
                lat = frampoint.geometry.y;
                //开始计算差值
                _lon = (lon - path[i][0])/60;
                _lat = (lat - path[i][1])/60;
                
                //保持一分钟60次变化帧数
                var zstimer = setInterval(function(){
                    
                    frampoint.geometry.x -= _lon;
                    frampoint.geometry.y -= _lat;
                    this.layer.refresh();
                    zs ++;
                    if( zs >= 60 ){
                        clearInterval(zstimer);
                        i++;
//                        zs = 1;
                        if( path[i] ) {
                            debugger;
                            pathTimer();
                        }
                    } 
                }.bind(this),17)
                
//                i++;
//                
            }.bind(this);
            
            pathTimer();
        }