场景

Openlayers中实现地图上添加一条红色直线：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118598962

在上面实现绘制一条红色直线的基础上，怎样对该红线进行清除。

在某些条件下进行绘制和清除直线，下面通过定时器来反复实现绘制和清除效果如下

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

首先之前已经定义了绘制线的数据源和图层

        //线的数据源var drwaSource = new ol.source.Vector({wrapX: false})//线的图层var lineVector = new ol.layer.Vector({source: self.drwaSource});

然后要清除直线需要通过如下方法

        //清除线的方法function clearLine(){this.drwaSource.clear();}

通过定时器实现效果

        //设置定时清除线var isclear = false;setInterval(() => {if(isclear){this.drawLine();isclear = false;}else{this.clearLine();isclear = true;}},500);

每隔500毫秒执行一次，实现清理和绘制交替进行。

Openlayers中设置定时绘制和清理直线图层相关推荐

Openlayers中使用Cluster实现缩放地图时图层聚合与取消聚合
场景 Openlayers中实现地图上打点并显示图标和文字: Openlayers中实现地图上打点并显示图标和文字_BADAO_LIUMANG_QIZHI的博客-CSDN博客_openlayers 打 ...
如何在windows中设置定时提醒
很多人一开始工作就非常投入,一坐下去就会两三个小时不挪屁股,这样对健康非常不好.所以,需要借助外力提醒自己.有没什么桌面提醒,一到设置的时间就会跳到屏幕来,提醒我呢?其实,windows 10自带的计 ...
Android中设置定时闹钟以及AlarmManager详解
AlarmManager是提供一种访问系统闹钟服务的方式,允许你去设置在将来的某个时间点去执行你的应用程序.当你的闹钟响起(时间到)时,在它上面注册的一个意图(Intent)将会被系统以广播发出,然后 ...
在 Lotus Notes 中设置邮件定时发送的方法及代理功能介绍
孙茂伟, 测试工程师, IBM 孙茂伟在北京科技大学获得工学学士.工学硕士学位,现于 IBM CDL ECM FileNet EForms TEAM 从事自动化测试相关工作. 简介: 本文将向广大 ...
Openlayers中使用Cluster实现点位元素重合时动态聚合与取消聚合
场景 Openlayers中使用Cluster实现缩放地图时图层聚合与取消聚合: Openlayers中使用Cluster实现缩放地图时图层聚合与取消聚合_BADAO_LIUMANG_QIZHI的博客 ...
win10定时关机c语言,Win10系统怎么定时关机？Windows10设置定时关机的两种方法
最近,有位刚刚升级win10系统的用户反映自己在使用完电脑后经常会忘记手动关机,因此为了能够更好地保护电脑,希望在新系统中设置定时关机.这该如何操作呢?接下来,小编就向大家分享Windows10设置定 ...
Openlayers中使用Cluster+Overlay实现点击单个要素和聚合要素时显示不同弹窗
场景 Openlayers中使用Cluster实现缩放地图时图层聚合与取消聚合: Openlayers中使用Cluster实现缩放地图时图层聚合与取消聚合_BADAO_LIUMANG_QIZHI的博客 ...
Openlayers中实现地图上添加一条红色直线
场景 Openlayers中加载Geoserver切割的EPSG:900913离线瓦片地图并显示: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/ ...
centos如何清理服务器日志文件,centos设置定时删除文件定时清理网站日志
1.进入linux系统 2.在任意目录创建一个sh后缀的文件,如: 3.编辑打开该文件,如图: 4.此时按键盘上的"i"键或者"insert"键,进入编辑模式 ...

Openlayers中设置定时绘制和清理直线图层

场景

实现

Openlayers中设置定时绘制和清理直线图层相关推荐

最新文章

热门文章