ZoomControl

Usecase

• Add basic zoom and compass for kiosks or read-only maps.
• Offer compact navigation when the default MapLibre controls are hidden.

Props

Prop	Description	Type	Required	Default Value
mapId		string	false	--
dragId		string	false	--
btnWidth		number	false	40
position		'top-left', 'top-right', 'bottom-left', 'bottom-right'	false	'bottom-right'
controlVisible		boolean	false	true

and

Prop	Description	Type	Required	Default Value
showCompass		boolean	fasle	true
showZoom		boolean	fasle	true

Events

Slots

Name	Description
default	id:string

Usage

<script setup lang="ts">
import { Map, ZoomControl } from '@hungpvq/vue-map-core';
import '@hungpvq/vue-map/style.css';
</script>

<template>
  <Map>
    <ZoomControl />
  </Map>
</template>