So using leaflet, I'm overlaying my base tile layer as google satellite imagery. I want to overlay another layer (Mbtiles layer) produced with tilemill over this satellite layer. I was successful in doing this. I set the background of the mbtiles file as transparent on tilemill. Im using tilestache to serve the tiles and leaflet for a JS API.

Now, I want this mbtiles layer to only show the coloured layers (roads, polygons etc.) and the background to be transparent (to show the google satellite layer wherever the mbtiles layer is transparent). But this is not happening. The background of the MBtiles layer is white and there is no transparency. Where am i going wrong?

  • 1
    what format are your tiles in? Tiff/PNG there is a bug; github.com/mapbox/tilemill/issues/1416
    – Mapperz
    Jun 15, 2012 at 13:35
  • 1
    Is the background of your map in TileMill definitely transparent? Ie, there should not be a map { background:white; } line. Aug 11, 2014 at 0:08


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy