OpenLayers在地图上实现选点的动画效果

阅读更多

 

效果图:
OpenLayers在地图上实现选点的动画效果_第1张图片

(红圈往外扩散消失。类似echarts的效果:https://echarts.baidu.com/examples/editor.html?c=effectScatter-bmap) 

 

参考链接:

https://openlayers.org/en/latest/examples/feature-animation.html

https://blog.csdn.net/u014529917/article/details/52514204

 

这里是通过OpenLayers自带的postcompose事件来实现动画效果

 

页面标签:



                  
    
    
    
    OpenLayers 3地图示例
    
    



    

 


 如果想再像一点,可以添加多个圆。


OpenLayers在地图上实现选点的动画效果_第2张图片
 

 



                  
    
    
    
    OpenLayers 3地图示例
    
    



    

 

 

  • OpenLayers在地图上实现选点的动画效果_第3张图片
  • 大小: 18 KB
  • OpenLayers在地图上实现选点的动画效果_第4张图片
  • 大小: 25.5 KB
  • 查看图片附件

你可能感兴趣的:(OpenLayers在地图上实现选点的动画效果)