Skip to content

Support the sky style-spec property #4414

Description

@CommanderStorm

Describe the solution you'd like

Implement the sky root property on Android and iOS so it matches the JS behavior and the spec. This covers the following properties:

  • sky-color (color) — The base color for the sky.
  • horizon-color (color) — The base color at the horizon.
  • fog-color (color) — The base color for the fog. Requires 3D terrain.
  • fog-ground-blend (number) — How to blend the fog over the 3D terrain, where 0 is the map center and 1 is the horizon.
  • horizon-fog-blend (number) — How to blend the fog color and the horizon color, where 0 uses the horizon color only and 1 uses the fog color only.
  • sky-horizon-blend (number) — How to blend the sky color and the horizon color, where 1 blends at the middle of the sky and 0 uses the sky color only.
  • atmosphere-blend (number) — How to blend the atmosphere, where 1 is a visible atmosphere and 0 is hidden (best interpolated when using globe projection).

All properties support zoom expressions.
Global state support is tracked in

Additional context

JS implementation: maplibre/maplibre-gl-js#3645

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions