Root

Root level properties of a GL style specify the map’s layers, tile sources and other resources, and default values for the initial camera position when not specified elsewhere.

{
    "version": 8,
    "name": "Streets",
    "sprite": "https://api.maptiler.com/maps/streets-v2/sprite",
    "glyphs": "https://api.maptiler.com/fonts/{fontstack}/{range}.pbf?key=<YOUR_MAPTILER_API_KEY>",
    "sources": {...},
    "layers": [...]
}

bearing

Optional number. Units in degrees. Defaults to 0.

Default bearing, in degrees. The bearing is the compass direction that is “up”; for example, a bearing of 90° orients the map so that east is up. This value will be used only if the map has not been positioned by other means (e.g. map options or user interaction).

"bearing": 29

center

Optional array of numbers.

Default map center in longitude and latitude. The style center will be used only if the map has not been positioned by other means (e.g. map options or user interaction).

"center": [
  -73.9749,
  40.7736
]

glyphs

Optional string.

A URL template for loading signed-distance-field glyph sets in PBF format. The URL must include {fontstack} and {range} tokens. This property is required if any layer uses the text-field layout property. The URL must be absolute, containing the scheme, authority and path components.

"glyphs": "https://api.maptiler.com/fonts/{fontstack}/{range}.pbf?key=<YOUR_MAPTILER_API_KEY>"

layers

Required array of layers.

Layers will be drawn in the order of this array.

"layers": [
  {
    "id": "water",
    "source": "openmaptiles",
    "source-layer": "water",
    "type": "fill",
    "paint": {
      "fill-color": "#00ffff"
    }
  }
]

light

Optional light.

The global light source.

"light": {
  "anchor": "viewport",
  "color": "white",
  "intensity": 0.4
}

sky

Optional sky.

The map’s sky configuration.

"sky": {
    "sky-color": "#199EF3",
    "sky-horizon-blend": 0.5,
    "horizon-color": "#ffffff",
    "horizon-fog-blend": 0.5,
    "fog-color": "#0000ff",
    "fog-ground-blend": 0.5,
    "atmosphere-blend": [
        "interpolate",
        ["linear"],
        ["zoom"],
        0,
        1,
        10,
        1,
        12,
        0
    ]
}

metadata

Optional.

Arbitrary properties useful to track with the stylesheet, but do not influence rendering. Properties should be prefixed to avoid collisions, like ‘openmaptiles:’.

name

Optional string.

A human-readable name for the style.

"name": "Bright"

pitch

Optional number. Units in degrees. Defaults to 0.

Default pitch, in degrees. Zero is perpendicular to the surface, for a look straight down at the map, while a greater value like 60 looks ahead towards the horizon. The style pitch will be used only if the map has not been positioned by other means (e.g. map options or user interaction).

"pitch": 50

sources

Required object with source values.

Data source specifications.

"sources": {
    "openmaptiles": {
        "url": "https://api.maptiler.com/tiles/v3/tiles.json?key=<YOUR_MAPTILER_API_KEY>",
        "type": "vector"
    }  
}

sprite

Optional string.

A base URL for retrieving the sprite image and metadata. The extensions .png, .json and scale factor @2x.png will be automatically appended. This property is required if any layer uses the background-pattern, fill-pattern, line-pattern, fill-extrusion-pattern, or icon-image properties. The URL must be absolute, containing the scheme, authority and path components.

"sprite": "https://api.maptiler.com/maps/streets-v2/sprite"

transition

Optional transition.

A global transition definition to use as a default across properties, to be used for timing transitions between one value and the next when no property-specific transition is set. Collision-based symbol fading is controlled independently of the style’s transition property.

"transition": {
  "duration": 300,
  "delay": 0
}

version

Required enum.

Style specification version number. Must be 8.

"version": 8

zoom

Optional number.

Default zoom level. The style zoom will be used only if the map has not been positioned by other means (e.g. map options or user interaction).

"zoom": 12.5