MapboxFullscreenControl

Display a fullscreen control button on the map.

• Mapbox fullscreen control documentation
• Mapbox fullscreen control exemple

Table of contents

• Examples
• Props

Examples

Basic usage

<script setup>
  import { MapboxMap, MapboxFullscreenControl } from '@studiometa/vue-mapbox-gl';
</script>

<MapboxMap
  style="height: 400px"
  access-token="..."
  map-style="mapbox://styles/mapbox/streets-v11">
  <MapboxFullscreenControl />
</MapboxMap>

Props

container

• Type HTMLElement
• Required: false
• Default null

The compatible DOM element which should be made full screen. By default, the map container element will be made full screen.

position

• Type string
• Required: false
• Default 'top-right'

The position for the fullscreen control.