HomeButton
Cesium中的HomeButton是一个用于将场景重置到默认状态的工具按钮。它可以在两个维度上调整地球的相机高度。这个按钮可以很容易地添加到Cesium.Viewer中的工具栏或用户界面中。
示例
let viewer = new Cesium.Viewer('cesiumContainer');
viewer.toolbar.addDefaultToolBarItems([
{
plugin: Cesium.HomeButton,
tooltip: 'Home',
},
]);
属性
| 名称 |
类型 |
描述 |
| container |
HTMLElement |
可选 - 按钮容器的DOM元素。如果没有提供，插件将自动创建一个DOM元素 |
| scene |
Cesium.Scene |
可选 - 使用的场景。默认情况下，它是viewer.scene |
| duration |
Number |
可选 - 完成指定操作的时间（小数秒）。默认为2.0秒 |
| tooltip |
String |
可选 - 鼠标悬停在按钮上时显示的工具提示文本。默认为“回到默认视角” |
| imageUrl |
String |
可选 - 用作按钮背景图像的URL。如果没有提供一个URL，则使用默认按钮。 |
方法
| 名称 |
描述 |
| destroy() |
删除HomeButton及其事件监听器。 |
| isDestroyed() |
确定HomeButton是否已被破坏。如果已经破坏，则返回true；否则返回false。 |
事件
| 名称 |
描述 |
| command |
当HomeButton被单击时触发的事件。 |
示例
let homeButton = viewer.toolbar.addDefaultToolBarItems([
{
plugin: Cesium.HomeButton,
tooltip: '返回默认视角',
imageUrl: '/cesium/Build/Cesium/Widgets/Images/Toolbar/default-home-button.svg'
}
])[0].plugin;
homeButton.command.addEventListener(function() {
console.log('HomeButton is clicked!');
});