BaseLayerPickerViewModel

BaseLayerPickerViewModel 是 CesiumJS 中用于选择底图的模块之一。

构造函数

constructor(options: BaseLayerPickerViewModelOptions)

参数

• options：类型为 BaseLayerPickerViewModelOptions 的对象。可选属性如下：
  • globe：类型为 Globe 的对象，指定拾取器绑定的 globe，默认为 undefined。
  • imageryProviderViewModels：类型为 Array 的 ImageryProviderViewModel 对象数组，指定提供给用户选择的底图图像提供程序，默认为空数组。
  • selectedImageryProviderViewModel：类型为 ImageryProviderViewModel 的对象，指定用户当前选择的底图图像提供程序，默认为 undefined。
  • terrainProviderViewModels：类型为 Array 的 TerrainProviderViewModel 对象数组，指定提供给用户选择的地形提供程序，默认为空数组。
  • selectedTerrainProviderViewModel：类型为 TerrainProviderViewModel 的对象，指定用户当前选择的地形提供程序，默认为 undefined。
  • tooltip：类型为 String 的字符串，指定内容提示文本的文字，例如 "Switch base layer"。如果你不想显示任何提示，可以设为 undefined 或空字符串。
  • buttonTooltip：类型为 String 的字符串，指定按钮提示文字，例如 "Base Layer"。如果你不想显示任何提示，可以设为 undefined 或空字符串。

示例

var viewer = new Cesium.Viewer('cesiumContainer');
var viewModel = new Cesium.BaseLayerPickerViewModel({
    globe : viewer.scene.globe,
    imageryProviderViewModels : myCustomImageryProviderViewModels,
    selectedImageryProviderViewModel : myCustomImageryProviderViewModels[0], // 可以让初始选项不为空
    terrainProviderViewModels : myCustomTerrainProviderViewModels,
    selectedTerrainProviderViewModel : myCustomTerrainProviderViewModels[0],
    tooltip : 'Switch base layer',
    buttonTooltip : 'Base Layer'
});

Cesium.knockout.applyBindings(viewModel, baseLayerPickerContainer); // 将拾取器绑定到页面上的 HTML 元素

方法

• destroy(): 销毁视图模型关联的所有对象，使其无法再使用。

属性

• globe：类型为 Globe 的对象，拾取器绑定的 globe。
• imageryProviderViewModels：类型为 Array 的 ImageryProviderViewModel 对象数组，提供给用户选择的底图图像提供程序。
• selectedImageryProviderViewModel：类型为 ImageryProviderViewModel 的对象，表示用户当前选择的底图图像提供程序。
• terrainProviderViewModels：类型为 Array 的 TerrainProviderViewModel 对象数组，提供给用户选择的地形提供程序。
• selectedTerrainProviderViewModel：类型为 TerrainProviderViewModel 的对象，表示用户当前选择的地形提供程序。
• tooltip：类型为 String 的字符串，内容提示文本的文字。
• buttonTooltip：类型为 String 的字符串，按钮提示文字。