Dataset Control

Sidebar of root datasets: open detail, remove a dataset.

Does not emit Vue/React events. Detail UI is opened through ComponentManagementControl (dataset-detail).

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

Prop	Type	Default	Effect
show	boolean	—	Open the panel

Events: none.

Vue

<script setup lang="ts">
import { Map } from '@hungpvq/vue-map-core';
import { DatasetControl, ComponentManagementControl } from '@hungpvq/vue-map-dataset';
</script>

<template>
  <Map>
    <DatasetControl position="top-left" show />
    <ComponentManagementControl />
  </Map>
</template>

React

<DatasetControl position="top-left" show />
<ComponentManagementControl />