Style hub

nvkelso edited this page Jul 18, 2012 · 18 revisions

Between Mapnik, Cascadenik, and Carto, you have a few options for rendering OSM data to tiles. Here are several open source stylesheets to get you started.

##Stylesheets (world wide, zoom 0 to 19+)

  • Toner - Transitions between Natural Earth and OSM data in a high-contrast B+W (black and white) map tiles. They are perfect for data mashups and exploring river meanders and coastal zones. Available in three flavors: normal, no labels, only labels.

  • OSM Solar - Designed for limited storage applications that require extensive areas of pre-rendered maps.

  • Terrain - Orient yourself with our terrain tiles featuring hill shading and natural vegetation colors. These tiles showcase advanced labeling and linework generalization of dual-carriageway roads. Background reading

  • MapBox Streets - tk tk tk

  • MapBox Light - tk tk tk

  • Default style - Matches but best for technical OSM data exploration, not map display/browsing. Scroll down to: Rendering with Mapnik to get the XML checkout out of SVN.

  • Acetate - simple basemap designed for quantitative thematic visualizations.

##Stylesheet prototypes (for a specific problem)

  • High Road - Makes it easier to draw the road bits by hiding complicated PostGIS queries behind views, so that you can declutter your layer names while ensuring that you’re using the right selection of roads for each zoom level.

  • Transit Map in Tilemill (Carto) - A nice carto stylesheet for rendering transit maps using the MapBox stack. Includes a nice map legend!

##Icons (public domain)

  • Maki - From MapBox, includes 64 different symbols at 3 sizes each. 192 total icons and growing.

  • Airport icons via Mile High Club - From @nvkelso, includes ~14 icons with 60 flavors.

  • Ships icons via High Seas - From @nvkelso, about 25 icons.

  • Matt Amos's Map Icons - 35 map icons. Transport, emergency, services, entertainment, and landmark.

  • Symbola Font Symbols - This font allows you to manage symbology in the datasource and helps reduce duplication in your carto/mapnik stylesheet. Using a font for the icons also lets you easily apply all of the standard Mapnik text effects like text-fill to change the icon color in TileMill. The is a font made from public domain SVG's including: MapBox Maki, AIGA, and National Park Service icon sets.

##Icons (must credit)

  • Map Icon Collection - a set of more than 700 free icons to use as placemarks for your POI (Point of Interests) locations on your maps.

##Icons (other sources)

  • Noun Project -

  • IAN Symbol Library - The IAN symbol libraries currently contain 2604 custom made vector symbols designed specifically for enhancing science communication products with diagrammatic representations of complex processes.

##Tips for designing icons (from The Noun Project)

For small icons (ideally 10px x 10px to 32px x 32px):

  • Iconic - Communicate your concept with an object. The design should be simple, bold, elegant, and contain only the essential facts or essence of the object.

For large icons (100 px or bigger display)

  • Narrative - Tell a story with your design by creating a scene. Only contain the minimal amount of elements to effectively communicate the concept. Avoid cultural associations or taboos.
  • Abstract - This design technique should only be used when the first two cannot effectively communicate the concept. The design should be bold, legible, and memorable.

Read more »