提供 NavigationToggle 微件的逻辑,该微件提供了两个用于切换 SceneView 的导航模式的简单按钮。请注意,这不是为 MapView 中的 2D 鼠标交互而设计的,也不是为触摸导航而设计的。
navigation mode of the SceneView 的默认导航模式始终为 pan
。此处概述了此模式的各种鼠标交互。要切换到的备用导航模式是 rotate
。这允许用户通过鼠标拖动旋转视图,并通过右键单击和拖动手势平移视图。
示例代码:
// 创建 NavigationToggle 的新实例
let navigationToggle = new NavigationToggle({
viewModel: {
view: view
},
layout: "horizontal"
});
// 并将其添加到视图的右上角
view.ui.add(navigationToggle, "top-right");
构造函数
属性列表
可以设置、检索或监听的任何属性。参见使用属性主题。
名称 | 类型 | 描述 | 类 | |
---|---|---|---|---|
String | 更多信息 类名。 | 更多信息 | Accessor | |
String | 更多信息 视图的导航模式。 | 更多信息 | NavigationToggleViewModel | |
String | 更多信息 微件的状态。 | 更多信息 | NavigationToggleViewModel | |
SceneView | 更多信息 与微件关联的视图。 | 更多信息 | NavigationToggleViewModel |
属性详细说明
-
起始版本: GeoScene API for JavaScript 4.22
-
类名。类的名称声明格式为
geoscene.folder.className
。
-
-
视图的导航模式。有关可能值的列表,请参阅下表。
可选值 描述 pan 鼠标拖动手势将平移视图。右键单击 + 拖动允许用户围绕视图中心执行 3D 旋转。 rotate 鼠标拖动手势围绕视图中心执行 3D 旋转,右键单击 + 拖动手势平移视图。 可选值:"pan"|"rotate"
- 默认值:pan
-
state Stringreadonly
-
微件的状态。
可选值:"disabled"|"ready"
- 默认值:disabled
-
view SceneView
-
与微件关联的视图。
方法列表
名称 | 返回值类型 | 描述 | 类 | |
---|---|---|---|---|
更多信息 将视图的导航模式从 | 更多信息 | NavigationToggleViewModel |
方法详细说明
-
toggle()
-
将视图的导航模式从
pan
切换为rotate
或反之亦然。