mapbox/maki — Issue #9: The current map on the Maki site could reveal its source code.
Author: samanpwbb
Created: 2012-02-14 15:08:31+00:00
State: open

@tristen this is a great idea and I think it'd be a cool way to show rather than tell how to do something like this. Do you have any thoughts on how this should look UI - wise? If not, I'll mock something up. Here's the source code for the icon overlay:

#combinedpoi [zoom >= 15] {
[category='Cafe'] {point-file: url(../../maki/cafe-12.png); }
[category='Fast Food Restaurant'] {point-file: url(../../maki/fast-food-12.png); }
[category='Restaurant'] {point-file: url(../../maki/restaurant-12.png); }
[category='Pub'] {point-file: url(../../maki/bar-12.png); }
[category='Museum'] { point-file: url(../../maki/museum-12.png);}
[category='Hospital'] { point-file: url(../../maki/hospital-12.png);}
[category='Cinema'] { point-file: url(../../maki/cinema-12.png);}
[category='Hotel'] { point-file: url(../../maki/lodging-12.png);}
[category='Pharmacy'] { point-file: url(../../maki/pharmacy-12.png);}
[category='Bank'] { point-file: url(../../maki/bank-12.png);}
}

#combinedpoi [zoom >= 17] {
[category='Cafe'] {point-file: url(../../maki/cafe-18.png); }
[category='Fast Food Restaurant'] {point-file: url(../../maki/fast-food-18.png); }
[category='Restaurant'] {point-file: url(../../maki/restaurant-18.png); }
[category='Pub'] {point-file: url(../../maki/bar-18.png); }
[category='Museum'] { point-file: url(../../maki/museum-18.png);}
[category='Hospital'] { point-file: url(../../maki/hospital-18.png);}
[category='Cinema'] { point-file: url(../../maki/cinema-18.png);}
[category='Hotel'] { point-file: url(../../maki/lodging-18.png);}
[category='Pharmacy'] { point-file: url(../../maki/pharmacy-18.png);}
[category='Bank'] { point-file: url(../../maki/bank-18.png);}
}

#combinedpoi [zoom >= 18] {
[category='Cafe'] {point-file: url(../../maki/cafe-24.png); }
[category='Fast Food Restaurant'] {point-file: url(../../maki/fast-food-24.png); }
[category='Restaurant'] {point-file: url(../../maki/restaurant-24.png); }
[category='Pub'] {point-file: url(../../maki/bar-24.png); }
[category='Museum'] {point-file: url(../../maki/museum-24.png);}
[category='Hospital'] { point-file: url(../../maki/hospital-24.png);}
[category='Cinema'] { point-file: url(../../maki/cinema-24.png);}
[category='Hotel'] { point-file: url(../../maki/lodging-24.png);}
[category='Pharmacy'] { point-file: url(../../maki/pharmacy-24.png);}
[category='Bank'] { point-file: url(../../maki/bank-24.png);}
}

#metroentstructureply [zoom >= 15] {point-file: url(../../maki/rail-underground-12.png);}
#metroentstructureply [zoom >= 17] {point-file: url(../../maki/rail-underground-18.png);}