GeoContextMenu

上下文菜单类。

new Cesium.GeoContextMenu(container, options)

Name Type Description
container Element | String 包含三维球的dom元素或id。
options Object optional 参数选项:
Name Type Description
viewer GeoViewer | Viewer optional 菜单所属的视图对象。
menuItems Array.<Object> optional 菜单项对象数组。
Author:
  • zj
Example:
//创建地图右键菜单
var cm = new Cesium.GeoContextMenu({
	viewer: viewer,
	menuItems: [{
		text: '飞行到此处',
		type: "menuItem",
	}, {
		text: '标记此处',
		type: "menuItem",
	}, {
		type: "separator"
	}, {
		text: '查看北京',
		type: "menuItem",
	}]
});

cm.onContextMenu.addEventListener(evt=>{
	console.log(
		evt.lonlat,//当前地理坐标
		evt.screenPosition,//当前屏幕坐标
		evt.cartesian3 //当前世界坐标
	);
});

cm.onMenuItemClick.addEventListener((evt)=>{
	
	//当前右键菜单出现的地理坐标				
	let {lonlat} = cm;
	
	let {target} = evt;
	if(target.text == '飞行到此处'){
		flyTo(lonlat); 
	}
	if(target.text == '标记此处'){
		mark(lonlat);
	}
	if(target.text == '查看北京'){
		gotoChina()
	}
	console.log(evt);
});

Members

readonlyonContextMenu : Event

上下文菜单被激活事件

readonlyonMenuItemClick : Event

菜单项点击事件

Methods

hide()

隐藏菜单

setMenuItems(menuItems)

设置菜单项
Name Type Description
menuItems Array.<Object> 菜单项数组
Example:
cm.setMenuItems([{
	text: '飞行到此处',
	type: "menu"
}, {
	text: '标记此处',
	type: "menu",
}, {
	type: "separator"
}, {
	text: '查看全国',
	type: "menu",
}]);

show()

显示菜单