I am working in TileMill and I have a number of layers in two different levels of detail. I have assigned classes to the layers "highdetail" and "lowdetail", and I know how to use the zoom selector - now how can I hide all the low detail layers when zoomed in past e.g. zoom level 6? The layers are a mix of polygon/raster/line.

2 Answers 2


You can use opacity instead of display:none;

#idToHide[zoom=6] {

  polygon-opacity: 0;
  raster-opacity: 0;
  line-opacity: 0;
  text-opacity: 0;


source: https://www.mapbox.com/carto/api/2.3.0


You would use zoom filters for this: see Advanced map design, and notice the bits that say things like [zoom=6] or [zoom>10].

  • yeah, but I would have to do that for each layer, right? What I am missing is something equivalent to display:none from CSS!
    – hugo
    Commented May 12, 2014 at 6:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.