View a fullscreen map

Replicates the MapLibre example View a fullscreen map over Florence.

The ⛶ button toggles fullscreen

The complete document

view-a-fullscreen-map.yaml

# yaml-language-server: $schema=https://docs.maplibre-yaml.org/schema/latest/map.schema.json
# Gallery twin of https://maplibre.org/maplibre-gl-js/docs/examples/view-a-fullscreen-map/
type: map
id: view-a-fullscreen-map
config:
  center: [11.255, 43.77]
  zoom: 13
  mapStyle: "https://demotiles.maplibre.org/style.json"
controls:
  fullscreen: true

What to notice

• controls.fullscreen: true is the whole feature; give it a { position } block to move it from the default top-right.