RegistryControl

Inspector for controls registered on the map through UniversalRegistry. Lists ids, panel kind, open state, and props; search, open / close / move panels and run actions.

Usecase

• Debug which ModuleContainer controls are mounted.
• Filter the list by id, title, panel kind, or action type.
• Drive openControl / closeControl / setControlPosition / runControlAction from the UI.

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
show	Open the panel initially	boolean	false	false

Events

None.

Usage

Vue

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

<template>
  <Map>
    <RegistryControl position="top-right" />
  </Map>
</template>

React

import { Map, RegistryControl } from '@hungpvq/react-map-core';
import '@hungpvq/react-map-core/style.css';

<Map>
  <RegistryControl position="top-right" />
</Map>

API details: UniversalRegistry controls.