作者: 还是大剑师兰特 ,曾为美国某知名大学计算机专业研究生,现为国内GIS领域高级前端工程师,CSDN知名博主,深耕openlayers、leaflet、mapbox、cesium,canvas,echarts等技术开发,欢迎加微信(gis-dajianshi),一起交流。
190
个示例
文章目录
-
- 一、示例效果图
- 二、示例简介
- 三、配置方式
- 四、示例源代码(共220行)
- 五、相关文章参考
一、示例效果图
二、示例简介
本示例演示如何在vue openlayers项目中利用两行根数计算卫星在某一时刻的位置点,利用时间循环,定位出不同的位置,呈现动画的效果。文中利用slider的改变来确定当前时间为开始时间,slider的值为加速倍数,每个setTimeout为10毫秒,更新一次位置,由于倍数的关系,时间差成倍增长,新的时间点成倍的扩大。
直接复制下面的 vue openlayers源代码,操作2分钟即可运行实现效果