Cesium BaseLayerPicker

BaseLayerPicker

new Cesium.BaseLayerPicker(container,options)

部件/ BaseLayerPicker / BaseLayerPicker。 js 108

 
BaseLayerPicker托板打开。

BaseLayerPicker是一个按钮可用的图像和小部件显示一个面板 地形提供者。 当图像被选中时,相应的图像层是创建和插入 基础层的图像集合,删除现有的基础。 当选择地形, 它取代当前地形提供者。 可用提供者列表中的每一项都包含一个名称, 代表图标,提示徘徊时显示更多的信息。 列表是最初 空的,在使用之前,必须配置,见下面的例子。

名字	类型	描述
container	元素|字符串	父母这个小部件的HTML容器节点或ID。
options	对象	对象具有以下属性: 的名字 类型 默认的 描述 globe 全球   全球范围内使用。 imageryProviderViewModels 数组。<ProviderViewModel> [] 可选ProviderViewModel实例的数组用于图像。 selectedImageryProviderViewModel ProviderViewModel   可选当前基础视图模型图像层,如果不提供第一个可用的图像层使用。 terrainProviderViewModels 数组。<ProviderViewModel> [] 可选ProviderViewModel实例的数组用于地形。 selectedTerrainProviderViewModel ProviderViewModel   可选当前基础地形视图模型层,如果不提供第一个可用的地形层使用。

抛出:

• DeveloperError :元素id“容器”文档中并不存在。

例子:

// In HTML head, include a link to the BaseLayerPicker.css stylesheet,
// and in the body, include: <div id="baseLayerPickerContainer"
//   style="position:absolute;top:24px;right:24px;width:38px;height:38px;"></div>

//Create the list of available providers we would like the user to select from.
//This example uses 3, OpenStreetMap, The Black Marble, and a single, non-streaming world image.
var imageryViewModels = [];
imageryViewModels.push(new Cesium.ProviderViewModel({
     name : 'Open\u00adStreet\u00adMap',
     iconUrl : Cesium.buildModuleUrl('Widgets/Images/ImageryProviders/openStreetMap.png'),
     tooltip : 'OpenStreetMap (OSM) is a collaborative project to create a free editable \
map of the world.\nhttp://www.openstreetmap.org',
     creationFunction : function() {
         return Cesium.createOpenStreetMapImageryProvider({
             url : 'https://a.tile.openstreetmap.org/'
         });
     }
 }));

 imageryViewModels.push(new Cesium.ProviderViewModel({
     name : 'Black Marble',
     iconUrl : Cesium.buildModuleUrl('Widgets/Images/ImageryProviders/blackMarble.png'),
     tooltip : 'The lights of cities and villages trace the outlines of civilization \
in this global view of the Earth at night as seen by NASA/NOAA\'s Suomi NPP satellite.',
     creationFunction : function() {
         return Cesium.createTileMapServiceImageryProvider({
             url : 'https://cesiumjs.org/blackmarble',
             credit : 'Black Marble imagery courtesy NASA Earth Observatory',
             flipXY : true
         });
     }
 }));

 imageryViewModels.push(new Cesium.ProviderViewModel({
     name : 'Natural Earth\u00a0II',
     iconUrl : Cesium.buildModuleUrl('Widgets/Images/ImageryProviders/naturalEarthII.png'),
     tooltip : 'Natural Earth II, darkened for contrast.\nhttp://www.naturalearthdata.com/',
     creationFunction : function() {
         return Cesium.createTileMapServiceImageryProvider({
             url : Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII')
         });
     }
 }));

//Create a CesiumWidget without imagery, if you haven't already done so.
var cesiumWidget = new Cesium.CesiumWidget('cesiumContainer', { imageryProvider: false });

//Finally, create the baseLayerPicker widget using our view models.
var layers = cesiumWidget.imageryLayers;
var baseLayerPicker = new Cesium.BaseLayerPicker('baseLayerPickerContainer', {
    globe : cesiumWidget.scene.globe,
    imageryProviderViewModels : imageryViewModels
});

看到的:

• TerrainProvider
• ImageryProvider
• ImageryLayerCollection

成员

container : Element

部件/ BaseLayerPicker / BaseLayerPicker。 js 231

获取父容器。

viewModel : BaseLayerPickerViewModel

部件/ BaseLayerPicker / BaseLayerPicker。 js 243

视图模型。

方法

destroy()

部件/ BaseLayerPicker / BaseLayerPicker。 js 261

破坏了小部件。 应该被称为永久吗 删除小部件的布局。

isDestroyed()→布尔

部件/ BaseLayerPicker / BaseLayerPicker。 js 253

返回:

真的如果对象已被摧毁,假的。

viewModel : BaseLayerPickerViewModel