HomeControl
Usecase
- Reset view to a predefined center/zoom for consistent navigation.
- Provide a “back to extent” button after user pans/zooms around.
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 |
|---|---|---|---|---|
zoom | number | false | - | |
center | [number,number] | false | - |
Events
Slots
| Name | Description |
|---|---|
default | id:string |
Usage
vue
<script setup lang="ts">
import { Map, HomeControl } from '@hungpvq/vue-map-core';
import '@hungpvq/vue-map/style.css';
</script>
<template>
<Map>
<HomeControl />
</Map>
</template>