Skip to content

Instantly share code, notes, and snippets.

@tylergaw

tylergaw/whats-a-map-style.md

Last active October 28, 2019 13:32
Show Gist options
  • Save tylergaw/8c89c29a29d7c3ba0293d25aec172dbb to your computer and use it in GitHub Desktop.
Save tylergaw/8c89c29a29d7c3ba0293d25aec172dbb to your computer and use it in GitHub Desktop.
Download ZIP
Raw
whats-a-map-style.md

Map Style Creation Log

  • Start with a blank style. Why? Starting blank helps us include only the necessities. Every layer should have a clear purpose to help users accomplish a goal.
  • Set the color of the background layer. Why? So we don't have blanks on the map
  • Upload svg images uses as markers in symbol layers (specific to StreetCred's use)
  • Add a basic building block. Water. Available in the Mapbox Streets data source, water.

What do you need, to be able to see where you are?

  • Add something bright to lead the way. Parks. Available in the Mapbox Streets data source, landuse

Texture Tangent

  • Trying Patterns on water and park layers

Urban Canyons

  • Add a building fill-extrusion layer. Available in the Mapbox Streets data source, building
  • Begin adding roads. There are a bazillion different classes and types of them and they all need different styles
    1. road-street
    2. road-sidewalk
  • Bridges: And all the various related trunks and whatnot
  • Labels: Country, State (abbr, then name based on zoom level), City (with special styling for capitals)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment