从地图中依次删除折线

时间:2015-05-21 07:50:46

标签: javascript maps leaflet mapbox

我的地图应用程序在多个点之间绘制线条。它由播放按钮,暂停按钮和跳过按钮触发,以快进到下一个位置。

我通过计算落在各点之间的纬线来创建路线。这将创建microLineArray数组。我也有一个反微操作,所以我知道我在路上的位置。

然后我在循环

中使用以下内容绘制2个纬线长度之间的线
polyline.addLatLng(microLineArray[microIteration])

播放,暂停和快进的一切都很好。我现在需要添加反向播放和跳回功能,所以我需要删除这些行。

首先想到的是使用类似的东西将上面的内容添加到数组中。

added_lines.push(polyline.addLatLng(microLineArray[microIteration]));

这会填充所有绘制折线的数组,您可以在下面看到此数组值的顶级快照。

Example Array Value

我在这里找到的所有其他答案告诉我用折线删除图层,但我想保留该图层并向后退一步。我现在如何从地图中删除线条?

1 个答案:

答案 0 :(得分:0)

既然你说你正在追踪你在路线上的位置...为什么你不能用你spliceLatLngs创建你不想要的线路的latLng索引拼接起来?文档位于http://leafletjs.com/reference.html#polyline-splicelatlngs。你只需要前两个参数,索引+要删除的金额(我认为在你描述的场景中总是为1)。