闭包+定时组建小车加减速效果 发布日期:2017-03-03 09:42:31     博主推荐★

需求要点:高德地图实现地图marker组件的加减速移动

164582666375577834.jpg

长期研究高德地图的开发,所以各种需求堆积而来,这不,项目需求,小车可以根据上报的位置间距离制作出加减速度的感觉

本次采用了闭包+定时执行完成本次需求开发,核心代码如下:

//动画分解2s后执行动画
var run = car();
var interval =  setInterval(function(){
   run();
                
            
},2000);
    
 
//小车跑的闭包函数
function car(){ 
   
   var index = 0;
  
   function run(){
   
     //如果存在的话,当前点存在,并且下一个点存在 
     if(lineArr[index] && lineArr[index + 1] ){ 
       var line = [lineArr[index],lineArr[index+1]];
       //lnglat.distance([116.387271, 39.922501])获取的两点之间的米,现在转化成每秒,就是除以1 
       marker.moveAlong(line, lineArr[index].distance(lineArr[index+1])*3.6);
       
     }else{ 
       
        clearInterval(interval);
     }
     index += 1;
  } 
  
  return run; 
}



博文地址:https://blog.ahamu.cn/blog/detail.html?id=114
   
推荐文章
  • 1
    sysbench
    2020/07/08
  • 2
    phper转java记录篇-spring boot
    2020/06/10
  • 3
    thinkphp5.0使用路由之后,post请求的
    2020/05/19
  • 4
    springboot单元测试aop失效
    2020/05/15
  • 5
    脑海中的JVM
    2020/05/12
  • 6
    IDEA搜索插件时显示search results
    2020/05/12
  • 7
    spring boot 配置加载源码查找
    2020/04/20
  • 8
    通过javap命令分析java汇编指令
    2020/04/16
  • 9
    IDEA小知识:查看JVM内存使用情况的步骤
    2020/04/16
  • 10
    springboot-加载自定义的properti
    2020/04/14
  • 11
    Jenkins执行shell脚本无法启动子进程解决
    2020/04/03
  • 12
    mac idea激活找专业的
    2020/04/02
  • 13
    Jenkins + DockerSwarm 实现弹
    2020/03/31
  • 14
    mac swarm学习过程
    2020/03/31
  • 15
    spring cloud
    2020/03/18
  • 16
    JAVA开发中遇到的问题记录002
    2020/03/12
  • 17
    JAVA开发中遇到的问题记录001
    2020/03/07
  • 18
    php -i查看信息
    2020/02/23
  • 19
    phpStorm中使用xdebug工具调试dock
    2019/12/09
  • 20
    讲的比较好的B+树执行原理的文章
    2019/12/09
最喜标签
NYOJ 面试 AJAX ping CentOS 灰度算法 YII2