飞船监控系统

nginx转发

openlayer

动态轨迹实现

主要步骤:

1.引入ol.js和ol.css
2.新建图层对象,这里分三个图层(地图源,小车标记物,轨迹线)
3.基于第2点新建的图层对象,新建地图map对象
4.把小车的点对象添加到标记物图层。
5.根据轨迹点数组生成一个轨迹线对象,并添加到轨迹线图层。
6.window.requestAnimationFrame画出每一帧的轨迹线段

实例如下:








  

    轨迹动画

    

    

    

  

  

    

你可能感兴趣的:(飞船监控系统)