Hide layers by default on CartoDB visualization

Question

I'm loading a CartoDB visualization and I want all layers to be switched off as the default setting, so users have to switch them on using the layer selector loaded with the visualization.

I'm reallly new on leaflet and cartodbjs so not sure where to begin to dive in the code. I think is related with this question but it doesn't have any answer.

I have a sample code on gist (demo).

Answer 1

find attached some example code. You can access the layers/sublayers through the javascript API layer[0] is the basemap and layer1 is the main layer with your two sublayers.

Anyway I recommend you creating this visualization with CreateLayer as when hiding the sublayers the toggle layers controls won't update.

Cheers

Answer 2

Wladimir find a better solution interacting with the overlays

http://bl.ocks.org/bolollo/28f1447492232da0b7af

          //get the data layers
          var overlays = layers[1].getSubLayers();
          overlays.forEach(function(overlay) {
            overlay.hide();
          });

          //get the layer selector control
          var control = vis.getOverlay("layer_selector");
          //redraw layer selector to update the states
          control.render();

Answer 3

Here you can see a code that hides the layers when the map starts and updates the control layer selection. https://gist.github.com/bolollo/28f1447492232da0b7af