hide and show a polyline in leaflet?

leaflet polyline
Baptiste Metge picture Baptiste Metge · Oct 17, 2013 · Viewed 12.7k times · Source

I'm using leaflet for show raw itinerary to go to some markers. I'm showing my itinerary with a leaflet polyline. But I would like to be able to

How to hide and show a polyline in leaflet ?

I can do this :

$('.leaflet-overlay-pane').hide();

and 

$('.leaflet-overlay-pane').show();

But this will show and hide all my polyline. I would like to be able to hide and show them separately.

Thanks.

Answer

Edu picture Edu · Oct 17, 2013

If you have a reference to the polyline

var polyline = L.polyline(...);

Then you can use 

map.addLayer(polyline);//For show
map.removeLayer(polyline);// For hide

at the moment I think there is no native method to only hide/show, maybe in the 0.7 version

Other solution is to access to the object container, in a old commet from the maintainer

I don't think there's an easy solution, for tile layers at least. :( I'll try to handle this sooner.
For vectors, you can change path._container.style.display, and for markers - marker._image.style.display and marker._shadow.style.display.

Related questions

How to calculate the distance of a polyline in Leaflet like geojson.io?

I am working on a map with Mapbox and Leaflet and I am supposed to let the user draw polygons and calculate and show the are of that polygon and I also need to let the user draw a polyline …

Read More
Leaflet - How to find existing markers, and delete markers?

I have started using leaflet as an open source map, http://leaflet.cloudmade.com/ The following jQuery code will enable the creation of markers on the map on map click: map.on('click', onMapClick); function onMapClick(e) { var marker = new …

Read More
How to change the map center in Leaflet.js

The following code initializes a leaflet map. The initialize function centers the map based on user location. How do I change the center of the map to a new position after calling the initialize function? function initialize() { map = L.map(…

Read More