Skip to content

MouseCoordinates Control

Package
vue-map
Category
Description
MouseCoordinatesControl

Props

PropDescriptionTypeRequiredDefault Value
mapIdstringfasle--
dragIdstringfasle--
btnWidthNumberfasle40
position'top-left', 'top-right', 'bottom-left', 'bottom-right'fasle'bottom-right'
controlVisiblebooleanfasletrue
showCompassbooleanfasletrue
showZoombooleanfasletrue

Events

Slots

NameDescription
defaultid:string

Usage

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

<template>
  <Map>
    <MouseCoordinatesControl />
  </Map>
</template>