BaseLayerPicker

BaseLayerPicker

new Cesium.BaseLayerPicker (container, options)



BaseLayerPicker,其下拉面板打开。
BaseLayerPicker是一个单按钮小部件,显示可用图像和面板地形提供者。选择图像后,将创建并插入相应的图像层作为图像集合的基础层;删除现有的基地。选择地形时它取代了当前的地形提供者。可用提供者列表中的每个项目都包含一个名称,代表图标和工具提示,以便在悬停时显示更多信息。该列表最初是为空,必须在使用前配置,如下例所示。
NameTypeDescription
containerElement | String此窗口小部件的父HTML容器节点或ID。
optionsObject具有以下属性的对象:
名称类型默认描述
globeGlobe要使用Globe。
imageryProviderViewModelsArray。 ProviderViewModel[]可选 用于图像的ProviderViewModel实例数组。
selectedImageryProviderViewModelProviderViewModel可选 如果未提供第一个可用图像层,则使用当前基础图像图层的视图模型。
terrainProviderViewModelsArray。 ProviderViewModel[]可选 用于terrain的ProviderViewModel实例数组。
selectedTerrainProviderViewModelProviderViewModel可选 如果未提供第一个可用的地形图层,则使用当前基础地形图层的视图模型。
Throws:
Example:
// 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 : 'Earth at Night',
     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 new Cesium.IonImageryProvider({ assetId: 3812 });
     }
 }));

 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
});
See:

Members

获取父容器。
获取视图模型。

Methods

销毁小部件。应该永久调用从布局中删除小部件。
Returns:
如果对象已被销毁,则为true,否则为false。
Documentation generated by JSDoc 3.5.5 翻译:http://cesium.xin

发表评论