Skip to content

Panel

Panel 是可拖动面板控件,继承自 Control。它在地图上显示一个可拖动、可关闭的面板,用于承载自定义内容(如说明、图例、操作区)。默认显示在右上角。

js
import { Panel } from "maptalks";

const panel = new Panel({
  draggable: true,
  content: "<div>Hello World</div>",
  closeButton: true
}).addTo(map);

构造函数

js
new Panel(options)

参数:

  • options — 面板控件配置项。

options 配置项

配置名类型描述默认值
positionString控件位置"top-right"
draggableBoolean是否可拖动true
customBoolean是否使用自定义内容false
contentString / HTMLElement面板内容""
closeButtonBoolean是否显示关闭按钮true

成员方法

  • setContent(content): Panel — 设置面板内容。
  • getContent(): String — 获取面板内容。
  • update() — 更新面板。

事件

  • contentchange — 面板内容改变时触发。
  • dragstart — 开始拖动时触发。
  • dragging — 拖动过程中触发。
  • dragend — 拖动结束时触发。
  • close — 面板被关闭时触发。