美文网首页开源GIS文章集
Openlayers4.6.4绘制动态点

Openlayers4.6.4绘制动态点

作者: 拜拜都不行啊 | 来源:发表于2018-02-28 14:23 被阅读31次

一、最终效果


点的动态扩散效果

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


相关文章

网友评论

    本文标题:Openlayers4.6.4绘制动态点

    本文链接:https://www.haomeiwen.com/subject/jtwbxftx.html