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

  • Select an option

    Learn more about clone URLs
  • Save tylergaw/8c89c29a29d7c3ba0293d25aec172dbb to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment