190:vue+openlayers 调整卫星运动的播放速度,展示运动轨迹

第190个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+openlayers项目中利用两行根数计算卫星在某一时刻的位置点,利用时间循环,定位出不同的

在这里插入图片描述

第190个

点击查看专栏目录


本示例的目的是介绍演示如何在vue+openlayers项目中利用两行根数计算卫星在某一时刻的位置点,利用时间循环,定位出不同的位置,呈现动画的效果。文中利用slider的改变来确定当前时间为开始时间,slider的值为加速倍数,每个setTimeout为10毫秒,更新一次位置,由于倍数的关系,时间差成倍增长,新的时间点成倍的扩大。

直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果

文章目录

      • 示例效果
      • 添加依赖
        • 安装satellite.js
        • 安装dayjs
      • 配置方式
      • 示例源代码(共220行)