Openlayers4.6.4绘制动态点

一、最终效果


点的动态扩散效果

二、思路
       刚开始准备使用ol.geom.Circle来绘制圆，绘制以后发现，他的半径大小的当前坐标下的单位值m，需要计算才能得到半径为12像素的圆。后来想到用ol.style.Circle这个既可以绘制圆形，而且他的半径单位是像素，它既可以绘制带填充色的圆，也可以绘制圆形。然后步骤如下：
     1.绘制中心的有填充色的圆。
     2.绘制向外扩散的圆形，用setinterval控制时间绘制动画。
     2.扩散颜色使用rgba用来不断减少不透明度的值，最终消失。
三、关键代码


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容