ContextMenu
构造函数
创建右键菜单实例
返回值 ContextMenu
示例代码1
const contextMenu = new BMap.ContextMenu();
contextMenu.addItem(new BMap.MenuItem('放大', () => map.zoomIn()));
contextMenu.addItem(new BMap.MenuItem('缩小', () => map.zoomOut()));
map.addContextMenu(contextMenu);
方法
- #addEventListener<K extends keyof ContextMenuEventMap>(
event: K,
handler: (e: ContextMenuEventMap[K]) => void,
): void添加事件监听
参数 类型 说明 eventK事件名称 handler(e: ContextMenuEventMap[K]) => void事件处理函数 返回值 void
添加菜单项
参数 类型 说明 itemMenuItem菜单项 insertIndex可选number插入位置索引，-1 或不传时追加到末尾 返回值 void
示例代码1
contextMenu.addItem(new BMap.MenuItem('放大', () => map.zoomIn()));
添加分隔符
返回值 void
返回右键菜单的 DOM 容器元素
返回值 HTMLElement
隐藏右键菜单
返回值 void
- #removeEventListener<K extends keyof ContextMenuEventMap>(
event: K,
handler: (e: ContextMenuEventMap[K]) => void,
): void移除事件监听
参数 类型 说明 eventK事件名称 handler(e: ContextMenuEventMap[K]) => void事件处理函数 返回值 void
移除菜单项
参数 类型 说明 itemMenuItem菜单项 返回值 void
示例代码1
const item = contextMenu.getItem(0);
contextMenu.removeItem(item);
移除指定索引位置的分隔符，索引从0开始
参数 类型 说明 indexnumber分隔符索引 返回值 void
示例代码1
contextMenu.removeSeparator(0);
设置菜单打开时地图容器的鼠标指针样式
参数 类型 说明 cursorstringCSS cursor 值 返回值 void
显示右键菜单
返回值 void
此类表示右键菜单，可在地图上添加自定义内容的右键菜单。