how to clear multiple polylines

[Vince Lowe]

Hi,

I am struggling to clear multiple polylines, i can only clear the newest.

See below, imagine addPolyline is called multiple times, then clearPolylines is called once.

var polylines;
// add map polylines
function addPolyline(polyArray, colour) {
polylines = L.polyline(polyArray, {color: colour});
polylines.addTo(map);
}
// clear polylines   
function clearPolylines() {
map.removeLayer(polylines);
}

[Vince Lowe]

sorted using layer groups ;)

[Ladislav Siegl]

Hi, I have the same problem,can U help me?

[Jake Wilson]

The easiest solution is to group polylines together into LayerGroups:

var polylineArray = [

  L.polyline([[4,5],[6,8]], { color: 'red' }),

  L.polyline([[4,5],[6,8]], { color: 'red' }),

  L.polyline([[4,5],[6,8]], { color: 'red' }),

  L.polyline([[4,5],[6,8]], { color: 'red' })

];

var polylines = L.layerGroup(polylineArray);

// Add all polylines to the map

polylines.addTo(map);

// Remove polylines from map

map.removeLayer(polylines);

http://leafletjs.com/examples/layers-control.html