block by almccon 7e42180f6477dfd30a6b

Maptimeify a polygon in CartoCSS

Full Screen

Have you wanted to make a #Maptime-themed building in CartoCSS? Now you can!

Inspired by the first #Maptime rainbow building images from MaptimeAMS.

And thanks to tips found here: https://github.com/mapbox/tilemill/issues/2144. Thanks AJ Ashton and Dane Springmeyer!

index.html

<html>
<body>
<img src="/almccon/raw/7e42180f6477dfd30a6b/screenshot.png">
</body>
</html>

maptimeify_snippet.mss

    [osm_id = 260351411]  // Stamen
    {
      ::red {
        line-width:2;
        line-color: red;
        line-offset: -8;
      }
      ::orange {
        line-width:2;
        line-color: orange;
        line-offset: -6;
      }
      ::yellow {
        line-width:2;
        line-color: yellow;
        line-offset: -4;
      }
      ::green {
        line-width:2;
        line-color: green;
        line-offset: -2;
      }
      ::blue {
        line-width:2;
        line-color: blue;
      }
      ::purple {
        line-width:2;
        line-color: purple;
        line-offset: 2;
      }
      ::halo {
        line-width:4;
        line-color: white;
        line-offset: 5;
      }
    }