NavigationHelpButtonViewModel提供了一个ViewModel用于控制在Cesium场景中的导航帮助按钮。
导航帮助按钮显示一个帮助菜单,其中包含用于执行场景导航的操作的帮助信息和选项。
导航帮助按钮的功能包括:
NavigationHelpButtonViewModel(options);
Object 可选参数,对于NavigationHelpButtonViewModel的配置。options参数有以下选项:
Element 当单击此元素时,将打开/关闭导航帮助菜单。如果未指定,将创建一个具有默认样式的<button>元素。Boolean 是否启用罗盘。默认为 true。Boolean 是否启用缩放控件。默认为 true。Boolean 是否启用距离图例。默认为 true。Element 用于设置导航帮助按钮的图标。如果未指定,则使用默认的 question 图标。Boolean 用于获取或设置导航帮助菜单的可见性。默认为 false。Boolean 用于获取或设置罗盘控件的可用性。默认为 true。Boolean 用于获取或设置缩放控件的可用性。默认为 true。Boolean 用于获取或设置距离图例的可用性。默认为 true。Boolean 用于获取或设置一个Event,当启用罗盘控件时触发。当在运行时更改此值时,应刷新帮助菜单以反映更改。Boolean 用于获取或设置一个Event,当启用缩放控件时触发。当在运行时更改此值时,应刷新帮助菜单以反映更改。Boolean 用于获取或设置一个Event,当启用距离图例时触发。当在运行时更改此值时,应刷新帮助菜单以反映更改。Boolean 用于获取或设置罗盘控件的可见性。默认为 true。Boolean 用于获取或设置缩放控件的可见性。默认为 true。Boolean 用于获取或设置距离图例的可见性。默认为 true。void 显示导航帮助菜单。void 隐藏导航帮助菜单。Boolean 如果已销毁返回true,否则返回false。void 销毁此ViewModel并释放相关资源。var viewer = new Cesium.Viewer('cesiumContainer');
var helpButtonViewModel = new Cesium.NavigationHelpButtonViewModel({
enableCompass: true,
enableZoomControls: true,
enableDistanceLegend: true,
showCompass: true,
showZoomControls: true,
showDistanceLegend: true
});
var helpButton = new Cesium.NavigationHelpButton({
viewModel: helpButtonViewModel,
container: viewer.container
});
viewer.toolbar.addToolbarItem(helpButton);