---
title: Minmap小地图
lang: zh-CN
---

# Minmap 小地图

Minmap 小地图 使用如下。

## 基本用法

:::repl

minmap/basic

:::

## 自定义 UI 模版

:::repl xui_min_map 是小地图 elementId，可以.kk-minmap[xui_min_map]做 css 容器选择，slot 是可以新增的 UI 内容

minmap/custom

:::

## Minmap 小地图 属性

| 名称                     | 描述       | 类型      | 默认    |
| ------------------------ | ---------- | --------- | ------- |
| `color`<DeprecatedTag /> | 小地图主色 | `string`  | #4dd8c7 |
| `show`                   | 小地图开关 | `boolean` | false   |

:::tip
color 由于 sdk 在组件里 render order 的问题，直接由 sdk apply 改变，待 sdk MinMap 加 setColor function 后调。
:::

## Minmap Slots

| 名称      | 描述    |
| --------- | ------- |
| `default` | slot Id |

### 对外暴露的方法

| 名称 | 说明        | 类型                    |
| ---- | ----------- | ----------------------- |
| show | 使 地图显示 | ^[Function]`() => void` |
| hide | 使 地图隐藏 | ^[Function]`() => void` |
