Apply conditional labels

  • This is a modified version of the Basic template style.

  • The data used in this example comes from the mapbox-streets-v7 tileset.

  • The airport-label layer, a symbol layer, has been modified.

  • Airport labels are styled using property expressions to style features with a data condition. Labels will include both the full name and the short code if the short code is available.

About this style

  • Label data: The data for airport labels comes from the mapbox-streets-v7 tileset. The ref field contains short identifier codes for many airports, but not all airports. Read more about Mapbox Streets in the vector tile documentation.
  • Styling with expressions: In this example, the airport labels are styled using property expressions to style features using a data condition. Open the airport-label layer to see how to check whether a data property exists (in this case the ref property). If the property does exist, the label displays the full name (name) along with the ref. If the ref property does not exist, the label displays just the name value. Read more about styling with data conditions in the Mapbox GL Style Specification.

Looking for more guidance? Check out our step-by-step tutorials.