OpenLayer3动态点线和动态点的扩散实现

无论动态点的实现还是动态线的实现大多依靠canvas去是是实现的,其实我们一直在独立的canvas 的做,OL3中vectorContext子类主要为渲染矢量元素,如果下点共运用map的postcompose事件就可以做许多的动态效果,例如下面这一段ol3给出代码示例:



  
    动态数据
    
    
  
  
    

这主要实现动态数据的展示,有点3D效果。

一、动态点扩散

这是国内一大神做的插件,插件地址,牛老师稍加在此基础啊上改动适合OL3进行动态点的扩散,这个效果用上述方法稍加修改一样可以实现,有时候我们虽然不会做这些插件但是我们在大神的基础上改动代码实现我们想要的,

放张图

OpenLayer3动态点线和动态点的扩散实现_第1张图片

demo示例:





    动态点扩散
    
    
    
    


    

二、动态线

实现一、

该插件也是上述的大神做的,具体的插件你们可以去http://blog.csdn.net/gisshixisheng/article/ 查找先放张图:

OpenLayer3动态点线和动态点的扩散实现_第2张图片

demo示例:




    
    动态轨迹线
        
    
    
    


    

实现二、该插件和上面的插件差不多,效果比上面的好多了,但是有个缺点就是没法标注文字,还有就是线和点有偏移,地图放大放大后观看效果比较差。

放张图:

OpenLayer3动态点线和动态点的扩散实现_第3张图片

demo示例





    
    
    
    
    




    

可以实现多个原点进行扩散。

三、总结

博主现在正在尝试用vectorContext类做一些效果出来,这个毕竟ol3框架本身的渲染矢量要素的,做一些简单的效果还是可以滴。每天进步一点点,美滋滋

你可能感兴趣的:(OpenLayer,Python,OpenLayer3,and,4)