第190个
本示例的目的是介绍演示如何在vue+openlayers项目中利用两行根数计算卫星在某一时刻的位置点,利用时间循环,定位出不同的位置,呈现动画的效果。文中利用slider的改变来确定当前时间为开始时间,slider的值为加速倍数,每个setTimeout为10毫秒,更新一次位置,由于倍数的关系,时间差成倍增长,新的时间点成倍的扩大。
直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果
文章目录
-
-
- 示例效果
- 添加依赖
-
- 安装satellite.js
- 安装dayjs
- 配置方式
- 示例源代码(共220行)
- 相关A
-