NavigationToggleViewModel

AMD: require(["geoscene/widgets/NavigationToggle/NavigationToggleViewModel"], (NavigationToggleVM) => { /* 代码 */ });
ESM: import NavigationToggleVM from "@geoscene/core/widgets/NavigationToggle/NavigationToggleViewModel";
类: geoscene/widgets/NavigationToggle/NavigationToggleViewModel
继承于: NavigationToggleViewModel Accessor
起始版本: GeoScene API for JavaScript 4.22

提供 NavigationToggle 微件的逻辑,该微件提供了两个用于切换 SceneView导航模式的简单按钮。请注意,这不是为 MapView 中的 2D 鼠标交互而设计的,也不是为触摸导航而设计的。

navigation-toggle

navigation mode of the SceneView 的默认导航模式始终为 pan此处概述了此模式的各种鼠标交互。要切换到的备用导航模式是 rotate。这允许用户通过鼠标拖动旋转视图,并通过右键单击和拖动手势平移视图。

另参阅:
示例代码:
// 创建 NavigationToggle 的新实例
let navigationToggle = new NavigationToggle({
  viewModel: {
    view: view
  },
  layout: "horizontal"
});

// 并将其添加到视图的右上角
view.ui.add(navigationToggle, "top-right");

构造函数

new NavigationToggleViewModel(properties)
参数:
properties Object
optional

所有可传入构造函数的属性列表,请参见属性

属性列表

可以设置、检索或监听的任何属性。参见使用属性主题。
展示继承属性 隐藏继承属性
名称 类型 描述
String更多信息

类名。

更多信息Accessor
String更多信息

视图的导航模式。

更多信息NavigationToggleViewModel
String更多信息

微件的状态。

更多信息NavigationToggleViewModel
SceneView更多信息

与微件关联的视图。

更多信息NavigationToggleViewModel

属性详细说明

declaredClass Stringreadonly inherited
起始版本: GeoScene API for JavaScript 4.22

类名。类的名称声明格式为 geoscene.folder.className

视图的导航模式。有关可能值的列表,请参阅下表。

可选值 描述
pan 鼠标拖动手势将平移视图。右键单击 + 拖动允许用户围绕视图中心执行 3D 旋转。
rotate 鼠标拖动手势围绕视图中心执行 3D 旋转,右键单击 + 拖动手势平移视图。

可选值:"pan"|"rotate"

默认值:pan
state Stringreadonly

微件的状态。

可选值:"disabled"|"ready"

默认值:disabled
view SceneView

与微件关联的视图。

方法列表

名称 返回值类型 描述
更多信息

视图的导航模式从 pan 切换为 rotate 或反之亦然。

更多信息NavigationToggleViewModel

方法详细说明

toggle()

视图的导航模式从 pan 切换为 rotate 或反之亦然。

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.