Fullscreen Control

VControlFullscreen adds a button that expands the map to fill the viewport via the Fullscreen API. Drop it anywhere inside VMap and position it in any corner. Click the ⛶ button on the map.

FullscreenControl.vue

<script setup lang="ts">
  import { VMap, VControlFullscreen } from '@geoql/v-mapkit';
</script>

<template>
  <VMap :access-token="token">
    <VControlFullscreen position="top-right" />
  </VMap>
</template>