ModuleContainer

Package

vue-map

Category

Container

Description

Module Container

Props

Prop	Description	Type	Required	Default Value
mapId		string	fasle	--
dragId		string	fasle	--
btnWidth		Number	fasle	40
position		'top-left', 'top-right', 'bottom-left', 'bottom-right'	fasle	'bottom-right'
controlVisible		boolean	fasle	true
showCompass		boolean	fasle	true
showZoom		boolean	fasle	true

Events

Slots

Name	Description
btn
draggable	id:string

Usage

<script setup lang="ts">
import { MapControlButton, ModuleContainer, withMapProps } from '@hungpvq/vue-map-core';
const props = defineProps({
  ...withMapProps,
});
const { moduleContainerProps } = useMap(props);
</script>
<template>
  <ModuleContainer v-bind="moduleContainerProps">
    <template #btn>
      <MapControlButton>
        <SvgIcon :size="18" type="mdi" :path="mdiHome" />
      </MapControlButton>
    </template>
    <slot />
  </ModuleContainer>
</template>