OpenLayers学习笔记高级篇(三、地图动画)

在OpenLayers 3中,动画是随处可见的,比如平移地图时,地图移动会有惯性,停止移动后,还会继续沿着之前的方向移动一会。 比如下面这个demo地图具有回到原始点的功能,一个是有动画效果的,一个是没有动画效果的。我们先写出来然后做一个直接的视觉对比:

1、地图有无动画的对比:



                  
    
    
    
    地图动画
    
    
    
   



    

大家可以运行代码体验一下!

2、利用postcompose事件做动画

ol.Mappostcompose事件,这个事件在地图渲染时都会触发,而我们只要改变地图上的某个feature或者layer或者其他任何东西,就会触发重新渲染。 如果利用这个原理,我们不断的改变feature的样式,就会触发postcompose,在这个事件的监听器里再改变feature的样式,就又会触发postcompose,从而一只循环下去,出现动画效果。



                  
    
    
    
    postcompose动画
    
    
    
   



    

运行看一下效果:

OpenLayers学习笔记高级篇(三、地图动画)_第1张图片

大家运行以后会发现有一个feature是一直闪动的。

好了,关于动画就给大家讲解到这儿了,其实API中还有很多动画效果,大家可以去查阅API然后多动手试试!

下一节我们将进行实际项目中Geoserver发布服务和一些地图的增删改查操作的讲解,大家加油!

你可能感兴趣的:(OpenLayers,WebGIS)