Skip to content

ContextMenu 上下文菜单 ^0.0.29

在地图上添加自定义内容的右键菜单

ts
import { ContextMenu } from 'vue3-baidu-map-gl'

TIP

目前只支持 map 组件添加上下文菜单,后续百度地图 GL SDK 更新了,再支持覆盖物一类组件添加上下文菜单

组件示例

静态组件 Props

属性说明类型默认值
width菜单宽度(单位 px)number100

动态组件 Props

属性说明类型可选值默认值
menuItems菜单项,-添加分割线(ContextMenuItem | -) []--

ContextMenuItem

属性说明类型可选值默认值
text菜单项文字string-required
callback菜单项点击触发的回调函数({point, pixel, map, BMapGL, target}) => void-required
disabled是否禁用该菜单项booleanfalse-

组件事件

事件名说明类型
initd组件初始化后,调用的方法,返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
open右键菜单打开时触发,事件参数 point 和 pixel 分别表示菜单开启时的地理和像素坐标点((e: Event) => void)
close右键菜单关闭时触发,事件参数 point 和 pixel 分别表示菜单开启时的地理和像素坐标点((e: Event) => void)

Released under the MIT License.