場景

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中设置定时绘制和清理直线图层的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。