PrintControl
Usecase
- Export current map view for reporting or sharing.
- Provide one-click print/export in admin dashboards.
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 |
---|---|---|---|---|
fileName | The name of the exported file | string | false | map |
Slots
Name | Description |
---|---|
default | Slot for custom content |
Usage
vue
<script setup lang="ts">
import { Map } from '@hungpvq/vue-map-core';
import { PrintControl } from '@hungpvq/vue-map-print';
import '@hungpvq/vue-map-core/style.css';
import '@hungpvq/vue-map-print/style.css';
</script>
<template>
<Map>
<PrintControl fileName="custom-map" />
</Map>
</template>