ImageryTileLayer

AMD: require(["geoscene/layers/ImageryTileLayer"], (ImageryTileLayer) => { /* code goes here */ });
ESM: import ImageryTileLayer from "@geoscene/core/layers/ImageryTileLayer";
类: geoscene/layers/ImageryTileLayer
继承于:ImageryTileLayer Layer Accessor
起始版本:GeoScene API for JavaScript 4.16

ImageryTileLayer 呈现来自切片影像服务的栅格数据。二进制栅格切片在客户端进行投影、处理和渲染。

require(["geoscene/layers/ImageryTileLayer"], function(ImageryTileLayer) {
  let layer = new ImageryTileLayer({
    url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/Toronto/ImageServer"
  });
});
另请参阅:

构造函数

new ImageryTileLayer(properties)
参数:
properties Object
可选

有关可能传递给构造函数的所有属性的列表,请参见属性

示例:
// Typical usage
let layer = new ImageryTileLayer({
  url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/Toronto/ImageServer"
});

属性概述

可以设置、检索或侦听任何属性。请参阅使用属性 主题。
隐藏继承的属性 显示继承的属性
名称 类型 描述
Number[]更多信息

使用从 0 开始的波段索引定义波段组合。

更多信息ImageryTileLayer
String更多信息

混合模式用于将图层混合在一起,以在图层中创建有趣的效果,甚至产生看起来像新图层的内容。

更多信息ImageryTileLayer
String更多信息

服务定义的版权文本。

更多信息ImageryTileLayer
Object更多信息

附加到层提取的所有资源的 URL 的自定义参数列表。

更多信息ImageryTileLayer
String更多信息

类的名称。

更多信息Accessor
Effect更多信息

Effect 提供了可在图层上执行的各种滤镜要素,以实现类似于图像滤镜工作方式的不同视觉效果。

更多信息ImageryTileLayer
范围更多信息

图层的全图范围。

更多信息Layer
String更多信息

分配给图层的唯一 ID。

更多信息Layer
String更多信息

定义如何插入像素值。

更多信息ImageryTileLayer
布尔值更多信息

指示图层是否将包括在图例中。

更多信息ImageryTileLayer
String更多信息

指示图层在图层列表微件中的显示方式。

更多信息Layer
布尔值更多信息

指示图层的资源是否已加载。

更多信息Layer
错误更多信息

如果加载时发生错误,则返回 Error 对象。

更多信息Layer
String更多信息

表示加载操作的状态。

更多信息Layer
Object[]更多信息

加载时发生的警告列表。

更多信息Layer
整数更多信息

图层在视图中可见时的最大比例 (放至最大)。

更多信息ImageryTileLayer
整数更多信息

图层在视图中可见的最小比例(最大缩小)。

更多信息ImageryTileLayer
DimensionalDefinition[]更多信息

与图层关联的多维定义。

更多信息ImageryTileLayer
整数更多信息

图层不透明。

更多信息Layer
布尔值更多信息

指示在单击图层中的要素时是否显示弹出窗口。

更多信息ImageryTileLayer
PopupTemplate更多信息

图层的弹窗模板。

更多信息ImageryTileLayer
PortalItem更多信息

从中加载图层的门户项目。

更多信息ImageryTileLayer
Field[]更多信息

包含服务像素值和矢量字段的完整字段列表。

更多信息ImageryTileLayer
RasterInfo更多信息

从数据源检索的栅格信息。

更多信息ImageryTileLayer
ClassBreaksRenderer|UniqueValueRenderer|RasterStretchRenderer|RasterShadedReliefRenderer|RasterColormapRenderer|VectorFieldRenderer|FlowRenderer更多信息

分配给图层的渲染器。

更多信息ImageryTileLayer
Object更多信息

GeoScene REST API 公开的切片影像服务元数据 JSON。

更多信息ImageryTileLayer
TileInfo更多信息

图层的切片方案信息。

更多信息ImageryTileLayer
TimeExtent更多信息

图层的时间范围。

更多信息ImageryTileLayer
TimeInfo更多信息

TimeInfo 提供诸如存储每个要素的开始结束时间的日期字段以及图层的fullTimeExtent等信息。

更多信息ImageryTileLayer
TimeInterval更多信息

基于某个TimeInterval的时间数据的临时偏移量。

更多信息ImageryTileLayer
String更多信息

图层的标题,用于在图例图层列表微件等位置中标识图层。

更多信息ImageryTileLayer
String更多信息 对于ImageryTileLayer 类型始终为 "imagery-tile"更多信息ImageryTileLayer
String更多信息

图层的 REST 端点的 URL。

更多信息ImageryTileLayer
布尔值更多信息

确定图层是否将根据视图的 timeExtent 更新其时间数据。

更多信息ImageryTileLayer
整数更多信息

发布影像服务的 GeoScene Server 版本。

更多信息ImageryTileLayer
布尔值更多信息

指示图层在视图中是否可见。

更多信息Layer

属性详情

bandIds Number[]

使用从 0 开始的波段索引定义波段组合。

blendMode String

混合模式用于将图层混合在一起,以在图层中创建有趣的效果,甚至产生看起来像新图层的内容。与使用透明度的方法不同,透明度会导致顶层褪色,混合模式可以通过混合图层及其下方的图层来创建各种非常生动和有趣的结果。

混合图层时,top layer 是应用了混合模式的图层。顶层下面的所有层都是 background layers。默认混合模式是 normal 的,顶层只是显示在背景图层上。虽然这种默认行为是完全可以接受的,但在图层上使用混合模式为生成创意地图开辟了无限可能的世界。

GroupLayer 中的图层与地图的其余部分隔离地混合在一起。

在以下屏幕截图中,复古阴影浮雕图层显示在萤火虫世界图像图层上。color 混合模式应用于复古阴影浮雕,结果看起来像一个新图层。

color-blend

已知限制

  • 3D SceneViews 不支持 blendMode。
  • 图例中不支持 blendMode。
  • 有关已知的打印限制,请参阅打印

以下因素会影响混合结果:

  • 所有图层的顺序
  • 图层不透明度
  • 图层中要素的不透明度
  • 图层的可见性
  • 默认情况下,地图中最底层的图层绘制在透明背景上。您可以更改 MapView 的背景色
混合模式 说明
normal 顶层显示在背景图层上。顶层的数据会阻挡它们重叠的背景图层的数据。
average 取顶层和背景图层的数学平均值。average 混合模式的结果通常类似于将图层的不透明度设置为 50% 的效果

淡化混合模式:

以下混合模式可产生比所有图层更轻的结果。在变亮混合模式下,顶层的纯黑色变为透明,允许背景图层显示出来。顶层的白色将保持不变。任何比纯黑色浅的颜色都会在不同程度上淡化顶层的颜色,一直到纯白色。

在增亮顶层的深色或从结果中删除黑色时,增亮混合模式非常有用。pluslightenscreen 模式可用于使深色背景上颜色褪色或较暗的图层变亮。

混合模式 说明
lighten 比较顶部图层和背景图层,并保留较浅的颜色。如果顶层中的颜色比背景图层中的重叠颜色暗,则它们将变为透明,从而允许背景图层完全显示出来。可以认为是 darken 混合模式的反面。
lighter 顶层和背景层的颜色乘以它们的 alpha(图层透明度和层的数据不透明度。再将生成的颜色相加在一起。所有重叠的中音颜色在顶层变亮。图层和图层数据的不透明度将影响混合结果。
plus 顶部图层和背景图层中的颜色将一起添加。所有重叠的中音颜色在顶层变亮。此模式也称为addlinear-dodge
screen 将顶部和背景图层中的反转颜色相乘,然后再次反转颜色。生成的颜色将比原始颜色更亮,对比度更低屏幕可以产生许多不同程度的亮度,具体取决于顶层的亮度值。可以认为是 multiply 模式的反面。
color-dodge 将背景图层中的颜色除以倒置的顶层。这将根据顶层的值使背景图层变亮。顶层越亮,其颜色对背景图层的影响就越大。降低顶部图层和背景图层之间的对比度,从而产生饱和的中间色调和高光。

变暗混合模式:

以下混合模式可产生比所有图层更暗的结果。在变暗混合模式下,顶层的纯白色将变为透明,从而允许背景图层显示出来。顶层的黑色将保持不变。任何比纯白色更深的颜色都会在不同程度上使顶层变暗,一直到纯黑色。

multiply 混合模式通常用于突出阴影、显示对比度或突出地图的某个方面。例如,当您希望通过地形图层显示高程时,可以在显示在山体阴影上的地形图上使用 multiply 混合模式。请参阅 图层混合示例介绍。

multiplydarken 模式可用于将底图的深色标签显示在顶层。查看变暗的混合样品。

color-burn 模式适用于彩色顶部和背景层,因为它增加了中间色调的饱和度。它通过使顶层和底层重叠区域中的像素更接近顶层颜色来增加对比度。当您想要一个比 multiplydarken 具有更多对比度的效果时,请使用此混合模式。

以下屏幕截图显示了 multiply 混合模式如何用于创建显示边界和高程的世界物理地图。多重混合

混合模式 说明
darken 强调重叠图层中最暗的部分。如果顶层中的颜色比背景图层中的重叠颜色浅,则它们将变为透明,从而允许背景图层完全显示出来。
multiply 通过乘以顶层和背景图层的颜色来强调重叠图层的最暗部分。顶部和背景图层的中档颜色可以更均匀地混合在一起。
color-burn 强化所有图层的黑暗区域。它通过将重叠区域中的颜色着色为顶部颜色来增加顶部图层和背景图层之间的对比度。为此,它会反转背景层的颜色,将结果除以顶层的颜色,然后反转结果。

对比度混合模式:

以下混合模式通过使用变亮或变暗混合模式创建混合,使较亮的区域变亮,并使顶层较暗的区域变暗,从而产生对比度。对比度混合模式将使颜色变亮于 50% 灰度 ([128,128,128]),并使颜色变暗于 50% 灰度。50%的灰色在顶层将是透明的。每种模式都可以创建各种结果,具体取决于混合在一起的顶部和背景图层的颜色。overlay 混合模式根据背景图层中颜色的亮度进行计算,而所有其他对比度混合模式根据顶层的亮度进行计算。其中一些模式旨在模拟将光线照射穿过顶层的效果,从而有效地投射到其下方的图层上

对比度混合模式可用于增加对比度和饱和度,以拥有更鲜艳的色彩,并为您的图层带来冲击力。例如,您可以复制一个图层并在顶层设置overlay 混合模式,以增加图层的对比度和色调。您还可以在深色影像图层上添加带有白色填充符号的多边形图层,并应用 soft-light 混合模式来增加影像图层的亮度。

以下屏幕截图显示了 overlay 混合模式对 GraphicsLayer 的影响。左图显示了缓冲区图形图层何时具有normal 混合模式。如您所见,缓冲区多边形的灰色挡住了相交的人口普查区域。右图显示了何时将 overlay 混合模式应用于缓冲区图形图层。overlay 混合模式根据背景图层的颜色使灰色缓冲区多边形变暗或变亮,而人口普查区域图层正在发光。查看实际操作

普通混合模式: 叠加混合模式:
no-blendmode overlay-blend
混合模式 说明
overlay 使用multiplyscreen 模式的组合来使顶层中的颜色变暗和变亮,而背景层总是透出光来。结果是背景图层中较深的颜色值会增强顶层,而背景图层中较浅的颜色会清除顶层中的重叠区域。
soft-light 将半强度 screen 模式应用于较亮的区域,并将半强度 multiply 模式应用于使顶层区域变暗。您可以将soft-light 视为 overlay 模式的更柔和版本。
hard-light 根据顶层的颜色对颜色进行乘法或筛选。效果类似于在顶层上照射刺眼的聚光灯。
vivid-light 根据顶层中的颜色,通过增加或减少对比度来使用 color-burncolor-dodge 的组合。

组分混合模式:

以下混合模式使用原色分量,即色调、饱和度和亮度来混合顶部和背景图层。您可以在任何图层上添加带有简单渲染器的要素图层,并在此图层上设置 huesaturationcolorluminosity 混合模式。使用这种技术,您可以创建一个全新的地图。

以下屏幕截图显示了一个地形图层与一个世界山体阴影图层与 luminosity 混合模式的混合位置。结果是一个外观截然不同的地图,它保留了地形图层的亮度,同时调整了山体阴影图层的色调和饱和度。

color-blend
混合模式 说明
色调 使用顶层的色调以及背景图层的亮度和饱和度创建效果。
饱和 使用顶层的饱和度以及背景图层的色相和亮度创建效果。背景图层中没有饱和度的50%灰度不会产生任何变化。
光度 使用顶层的亮度以及背景图层的色相和饱和度创建效果。可以认为是 color 混合模式的反面。
color 使用顶层的色相和饱和度以及背景图层的亮度创建效果。可以认为是 luminosity 混合模式的反面。

复合混合模式:

以下混合模式可用于遮盖顶部、背景或两个图层的内容。

  • Destination 模式用于用背景图层的数据掩盖顶层的数据。
  • Source 模式用于用顶层的数据掩盖背景图层的数据。

destination-in 目的地混合模式可用于显示重点区域,例如地震、动物迁徙或点源污染,通过显示底层地图,提供现象的鸟瞰图。查看多个混合groupLayer 混合示例以查看实际的复合混合模式。

以下屏幕截图按照要素和影像图层在视图中的绘制顺序,在左侧显示要素和影像图层。包含土地覆被分类栅格的影像图层。要素图层包含 2007 年县作物数据。右图显示了图层混合的结果,其中在图像图层上设置了 destination-in blendMode。如您所见,效果与原始图层有很大不同。混合结果仅显示栽培作物区域(影像和要素图层重叠)。

destination-in
混合模式 说明
destination-over 目标/背景图层覆盖顶层。顶层显示在目标图层下。您将看到顶层通过背景图层透明或没有数据的任何位置进行透视。
destination-atop 仅当目标/背景图层与顶层重叠时,才会绘制目标/背景图层。顶层显示在背景图层下方。您将看到顶层通过背景图层透明或没有数据的任何位置进行透视。
destination-in 目标/背景图层仅在与顶层重叠的地方绘制。其他一切都是透明的。
destination-out 目标/背景图层在不与顶层重叠的位置绘制。其他一切都是透明的。
source-atop 源/顶层仅在与背景图层重叠的位置绘制。您将看到背景图层通过源图层透明或没有数据的任何位置进行透视。
source-in 源/顶层仅在与背景图层重叠的位置绘制。其他一切都是透明的。
source-out 源/顶层绘制在不与背景图层重叠的位置。其他一切都是透明的。
xor 顶部图层和背景图层在重叠处变为透明。这两层在其他任何地方都是正常绘制的。

反转混合模式:

以下混合模式根据背景图层的颜色反转或抵消颜色。这些混合模式查找顶部图层和背景图层之间的差异。例如,您可以在森林覆盖的两个影像图层上使用differenceexclusion 混合模式,以可视化森林覆盖从一年到另一年的变化。

invert 混合模式可用于将任何浅色底图转换为深色底图,以适应在弱光条件下工作的人。以下屏幕截图显示了如何使用简单的渲染器在要素图层上设置 invert 混合模式,从而将世界地形地图立即变为深色主题底图。

color-blend
混合模式 说明
difference 从较浅的颜色中减去重叠颜色中较深的颜色。减去两个具有相同值的像素时,结果为黑色。与黑色混合不会产生任何变化。与白色混合可反转颜色。此混合模式对于对齐具有相似内容的图层非常有用。
exclusion 类似于 difference 混合模式,只是生成的图像整体更亮。具有较浅颜色值的重叠区域将变亮,而较暗的重叠颜色值将变为透明。
minus 从背景图层的颜色中减去顶层的颜色,使混合结果更暗。对于负值,将显示黑色。
invert 在顶部和背景图层重叠的任何位置反转背景色。反转混合模式可反转类似于摄影底片的图层。
reflect 此混合模式创建的效果就像在图层中添加了闪亮的对象或光区域一样。背景图层中的黑色像素将被忽略,就好像它们是透明的一样。

可能值:"average"|"color-burn"|"color-dodge"|"color"|"darken"|"destination-atop"|"destination-in"|"destination-out"|"destination-over"|"difference"|"exclusion"|"hard-light"|"hue"|"invert"|"lighten"|"lighter"|"luminosity"|"minus"|"multiply"|"normal"|"overlay"|"plus"|"reflect"|"saturation"|"screen"|"soft-light"|"source-atop"|"source-in"|"source-out"|"vivid-light"|"xor"

默认值:normal
另请参阅:

服务定义的版权文本。

customParameters Object
起始版本:GeoScene API for JavaScript 4.20

附加到层提取的所有资源的 URL 的自定义参数列表。它是一个具有键值对的对象,其中 value 是一个字符串。

示例:
// send a custom parameter to your special service
let layer = new ImageryTileLayer({
  url: serviceUrl,
  customParameters: {
    "key": "my-special-key"
  }
});
declaredClass Stringreadonly inherited

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

起始版本:GeoScene API for JavaScript 4.18

Effect 提供了可在图层上执行的各种滤镜要素,以实现类似于图像滤镜工作方式的不同视觉效果。这种强大的功能允许您将类似 css 过滤器的功能应用于图层以创建自定义视觉效果,从而提高地图的制图质量。这是通过将所需效果作为字符串或对象数组应用于图层的 effect 属性来设置与比例相关的效果来完成的。

注意

  • 如果需要应用满足或未通过指定过滤器的不同效果的功能,请设置 featureEffect 属性。
  • 如果应用了以下所有四个属性,则它们将按此顺序应用:featureEffect, effect, opacityblendMode

已知限制

默认值:null
另请参阅:
示例:
// the following effect will be applied to the layer at all scales
// brightness will be applied first, then hue-rotate followed by contrast
// changing order of the effects will change the final result
layer.effect = "brightness(5) hue-rotate(270deg) contrast(200%)";
// set a scale dependent bloom effect on the layer
layer.effect = [
  {
    scale: 36978595,
    value: "drop-shadow(3px, 3px, 4px)"
  },
  {
    scale: 18489297,
    value: "drop-shadow(2px, 2px, 3px)"
  },
  {
    scale: 4622324,
    value: "drop-shadow(1px, 1px, 2px)"
  }
];

图层的全图范围。默认情况下,这是全球性的。此属性可用于设置视图范围以匹配图层的范围,以便其要素显示为填充视图。请参阅下面的示例代码段。

示例:
// Once the layer loads, set the view's extent to the layer's fullextent
layer.when(function(){
  view.extent = layer.fullExtent;
});

分配给图层的唯一 ID。如果未由开发人员设置,则会在加载图层时自动生成。

interpolation String

定义如何插入像素值。默认情况下,这将设置为服务的重采样方法(如果有的话)。如果服务没有默认的重采样方法,大多数情况下会使用 bilinear 重采样。但是,如果影像服务的 cacheTypeRaster 并且数据源是专题(在服务的 keyProperties 中声明),并且服务没有默认的重采样方法,则将使用 nearest 插值类型。

可能值:"nearest"|"bilinear"|"cubic"|"majority"

legendEnabled Boolean

指示图层是否将包括在图例中。

默认值:true
listMode String inherited

指示图层在图层列表微件中的显示方式。下面列出可能值为:

说明
show 该图层在内容列表中可见。
hide 图层隐藏在内容列表中。
hide-children 如果图层时 GroupLayerBuildingSceneLayerKMLLayerMapImageLayer, TileLayerWMSLayer,请从内容列表中隐藏子图层。

可能值:"show"|"hide"|"hide-children"

默认值:show
loaded Booleanreadonly inherited

指示图层的资源是否已加载。当 true 时,可以访问对象的所有属性。

默认值:false
loadError Errorreadonly inherited

如果加载时发生错误,则返回 Error 对象。

默认值:null
loadStatus Stringreadonly inherited

表示加载操作的状态。

说明
not-loaded 对象的资源尚未加载。
loading 对象的资源当前正在加载。
loaded 对象的资源已加载且未出现错误。
failed 无法加载对象的资源。有关更多详情,请参阅加载错误

可能值:"not-loaded"|"loading"|"failed"|"loaded"

默认值:not-loaded
loadWarnings Object[]readonly inherited

加载时发生的警告列表。

maxScale Number

图层在视图中可见时的最大比例 (放至最大)。如果地图放大至超过此比例,则图层将不可见。值为 0 时,表示该图层没有最大比例。maxScale 值应始终小于 minScale 值,并且大于或等于服务规范。

默认值:0
示例:
// The layer will not be visible when the view is zoomed in beyond a scale of 1:1,000
layer.maxScale = 1000;
// The layer's visibility is not restricted to a maximum scale.
layer.maxScale = 0;
minScale Number

图层在视图中可见的最小比例(最大缩小)。如果地图缩小到超出此比例,则图层将不可见。值为 0 表示该图层没有最小比例。minScale 应始终大于 maxScale 值,并且小于或等于服务规范。

默认值:0
示例:
// The layer will not be visible when the view is zoomed out beyond a scale of 1:3,000,000
layer.minScale = 3000000;
// The layer's visibility is not restricted to a minimum scale.
layer.minScale = 0;
multidimensionalDefinition DimensionalDefinition[]
起始版本:GeoScene API for JavaScript 4.20

与图层关联的多维定义。如果定义,多维定义包含特定值的数据的各种维度,例如时间、深度、高度等。使用 multidimensionalDefinition 定义要由图层显示的切片。例如,您可以显示以固定维度(例如时间、深度)测量的特定变量,例如温度或盐度。这些数据类型通常用于大气、海洋学和地球科学。

另请参阅:
示例:
// set the `multidimensionalDefinition` to visualize a sea water
// temperature at -5000m on April 7th 2014.
const dimension = [
  {
     variableName: "temperature",
     dimensionName: "Std_Time",
     values: [1396828800000]
  },
  {
     variableName: "temperature",
     dimensionName:"Std_Z",
     values:[-5000]
  }
];
layer.multidimensionalDefinition = dimension;
// get the layer's multidimensionalDefinition and locate the
// Salinity dimension and filter the data by salinity.
const multidimensionalDefinition = layer.multidimensionalDefinition;
const variableName =  "Salinity";
// filter the data by salinity dimension
multidimensionalDefinition.forEach((def) => def.variableName = variableName);
layer.multidimensionalDefinition = multidimensionalDefinition;

// update the statistics of the layer's stretch renderer.
const renderer = layer.renderer.clone();
const dimensions = layer.rasterInfo.multidimensionalInfo;
// get the salinity variable's statistics
const salinity = dimensions.variables.find((variable) => variable.name === variableName);
renderer.statistics = salinity.statistics;
layer.renderer = renderer;

图层不透明。此值的范围在 10 之间,其中 0 是 100% 透明,而 1 为完全不透明。

默认值:1
示例:
// Makes the layer 50% transparent
layer.opacity = 0.5;
popupEnabled Boolean

指示在单击图层中的要素时是否显示弹出窗口。

默认值:true
popupTemplate PopupTemplateautocast

图层的弹窗模板。在图层上设置时,popupTemplate 允许用户在单击像素时访问属性并使用视图弹出窗口中的文本和/或图表显示其值。

Popup.defaultPopupTemplateEnabled 设置为 true 时,如果没有定义 popupTemplate ,则会自动使用默认弹出模板。

另请参阅:
portalItem PortalItem

从中加载图层的门户项目。如果门户项目引用要素服务或场景服务,则可以使用 layerId 属性指定要加载的单个图层。

从版本 4.17 开始,可以从 GeoScene Online 和 GeoScene Enterprise 中托管的要素服务项目加载表。这仅适用于要素图层,如果 FeatureLayer.isTable 返回 true,将成功加载。

示例:
// While this example uses FeatureLayer, this same pattern can be
// used for other layers that may be loaded from portalItem ids.
const lyr = new FeatureLayer({
  portalItem: {  // autocasts as new PortalItem()
    id: "caa9bd9da1f4487cb4989824053bb847"
  }  // the first layer in the service is returned
});
// Set hostname when using an on-premise portal (default is GeoScene Online)
// geosceneConfig.portalUrl = "http://myHostName.geoscene.cn/geoscene";

// While this example uses FeatureLayer, this same pattern can be
// used for SceneLayers.
const lyr = new FeatureLayer({
  portalItem: {  // autocasts as new PortalItem()
    id: "8d26f04f31f642b6828b7023b84c2188"
  },
  // loads the third item in the given feature service
  layerId: 2
});
// This snippet loads a table hosted in GeoScene Online.
const table = new FeatureLayer({
  portalItem: { // autocasts as geoscene/portal/PortalItem
    id: "123f4410054b43d7a0bacc1533ceb8dc"
  }
});

// Before adding the table to the map, it must first be loaded and confirm it is the right type.
table.load().then(function() {
  if (table.isTable) {
    map.tables.add(table);
  }
});
rasterFields Field[]readonly
起始版本:GeoScene API for JavaScript 4.20

包含服务像素值和矢量字段的完整字段列表。此列表用于图层的 popupTemplate

在许多影像工作流程中,必须在弹出窗口中显示像素值和相关的分类信息(如果适用)。为满足此要求,影像服务弹出窗口中使用了额外的栅格字段,如果服务具有额外的 rasterAttributeTable 资源,则表示像素值和相应的属性。这些栅格字段以 Raster. 为前缀。 表明它们是特殊字段,并避免与服务信息中的字段发生任何潜在冲突。

以下是返回不同类型像素值及其描述的栅格字段列表。

服务像素值

Raster.ServicePixelValue 字段返回识别位置的像素值。该字段适用于所有影像服务。

矢量字段

Raster.MagnitudeRaster.Direction 字段从具有矢量字段的多维数据集中返回幅度和方向值。

示例:
layer.when(() => {
  // print out field names returned in layer.rasterFields
  layer.rasterFields.forEach((field) => {
    console.log(field.name);
  });
});
rasterInfo RasterInforeadonly
起始版本:GeoScene API for JavaScript 4.19

从数据源检索的栅格信息。

分配给图层的渲染器。渲染器定义了如何可视化切片图像层中的像素。根据渲染器类型,像素可能会跨色带拉伸分类、具有基于值的不同符号 或显示阴影浮雕

另请参阅:
sourceJSON Object

GeoScene REST API 公开的切片影像服务元数据 JSON。虽然最常用的属性直接在 ImageryTileLayer 类上公开,但此属性允许访问切片影像服务返回的所有信息。如果在使用较旧版本的 API 构建的应用程序中工作,该应用程序需要访问较新版本的影像服务属性,则此属性非常有用。

图层的切片方案信息。

起始版本:GeoScene API for JavaScript 4.22

图层的时间范围。当图层的 useViewTimefalse 时,图层指示视图根据此时间范围显示来自图层的数据。如果 useViewTimetrue,并且同时设置了图层和视图时间范围,则将显示属于视图和图层时间范围交集的要素。例如,如果图层的时间范围设置为显示 1970 和 1975 之间的要素,并且视图的时间范围设置为 1972-1980,则要素图层的有效时间将为 1972-1975。

默认值:null
示例:
if (!layer.useViewTime) {
  if (layer.timeExtent) {
    console.log("Current timeExtent:", layer.timeExtent.start, " - ", layer.timeExtent.end}
  } else {
    console.log("The layer will display data within the view's timeExtent.");
    console.log("Current view.timeExtent:", view.timeExtent.start, " - ", view.timeExtent.end}
  }
}
// set the timeExtent on the layer and useViewTime false
// In this case, the layer will honor its timeExtent and ignore
// the view's timeExtent
const layer = new ImageryTileLayer({
  url: "https://tiledimageservices.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/NLDAS2011_daily_wind_magdir/ImageServer",
  timeExtent: {
    start: new Date(2014, 4, 18),
    end: new Date(2014, 4, 19)
  },
  useViewTime: false
});
// timeExtent is set on the layer and the view
// In this case, the layer will display features that fall
// within the intersection of view and layer time extents
// features within Jan 1, 1976 - Jan 1, 1981 will be displayed
const view = new MapView({
  timeExtent: {
    start: new Date(1976, 0, 1),
    end: new Date(2002, 0, 1)
  }
});
const layer = new FeatureLayer({
  url: myUrl,
  timeExtent: {
    start: new Date(1974, 0, 1),
    end: new Date(1981, 0, 1)
  }
});
起始版本:GeoScene API for JavaScript 4.22

TimeInfo 提供诸如存储每个要素的开始结束时间的日期字段以及图层的fullTimeExtent等信息。

默认值:null
起始版本:GeoScene API for JavaScript 4.22

基于某个TimeInterval的时间数据的临时偏移量。这允许用户覆盖两个或多个具有不同时间范围的时间感知层的要素。例如,如果图层记录了 1970 年的数据,则 2 年的偏移值会将数据暂时转移到 1972 年。然后,您可以将此数据与 1972 年记录的数据叠加。时间偏移仅可用于显示目的。查询和选择不受偏移量的影响。

默认值:null
示例:
// Offset a CSV Layer containing hurricanes from 2015 so that they appear in 2019 (+4 years).
let layer = new CSVLayer({
  url: `hurricanes-and-storms-2015.csv`,
  timeOffset: {
    value: 4,
    unit: "years"
  },
  timeInfo: {
    startField: "ISO_time"
  },
  renderer: {
    type: "simple",
    symbol: {
      type: "simple-marker",
      size: 6,
      color: "red",
      outline: {
        width: 0.5,
        color: "black"
      }
    }
  }
});
title String

图层的标题,用于在图例图层列表微件等位置中标识图层。

按服务 URL 加载图层时,标题派生自服务名称。如果服务具有多个图层,则每个图层的标题将是服务名称和图层名称的串联。从门户项目加载图层时,将改用门户项目的标题。最后,如果将图层作为 web 地图或 webscene 的一部分进行加载,则将使用存储在 webmap/webscene 中的图层标题。

type Stringreadonly

更多信息 对于 ImageryTileLayer 类型始终为 "imagery-tile"

url String

层的 REST 端点的 URL。URL 可以指向 GeoScene Enterprise 或 GeoScene Online 上的资源。

useViewTime Boolean
起始版本:GeoScene API for JavaScript 4.22

确定图层是否将根据视图的 timeExtent 更新其时间数据。当为 false 时,图层将根据图层的 timeExtent 显示其时间数据,而不管视图的更改。如果在此属性为 true 时同时设置了视图和图层时间范围,则将显示位于视图和图层时间范围交集内的要素。例如,如果图层的时间范围设置为显示 1970 和 1975 之间的要素,并且视图的时间范围设置为 1972-1980,则要素图层的有效时间将为 1972-1975。

默认值:true
示例:
if (featureLayer.useViewTime) {
  console.log("Displaying data between:", view.timeExtent.start, " - ", view.timeExtent.end);
}
version Numberreadonly

发布影像服务的 GeoScene Server 版本。

指示图层在视图中是否可见。当为 false 时,图层可能仍会添加到视图中引用的地图实例,但其要素在视图中将不可见。

默认值:true
示例:
// The layer is no longer visible in the view
layer.visible = false;

方法概述

隐藏继承方法 显示继承方法
名称 返回类型 描述
更多信息

如果 load() 操作已在进行中,则取消该操作。

更多信息Layer
Promise<LayerView>更多信息

当图层添加到 Map.layers 集合并且必须为其创建图层视图时,由视图(例如 MapViewSceneView)调用。

更多信息Layer
PopupTemplate更多信息

为图层创建默认弹出窗口模板,并使用图层的所有字段进行填充。

更多信息ImageryTileLayer
更多信息

销毁图层和任何关联的资源(包括其 portalItem,如果它是图层上的属性)。

更多信息Layer
布尔值更多信息

在实例上发出事件。

更多信息Layer
Promise<Object>更多信息

在图层可用时提取图层的自定义归因数据。

更多信息Layer
Promise<Object>更多信息

获取给定范围的像素。

更多信息ImageryTileLayer
Promise<Object>更多信息

此方法获取视图中存在的给定级别、行和列的图块。

更多信息ImageryTileLayer
布尔值更多信息

指示实例上是否存在与提供的事件名称匹配的事件侦听器。

更多信息Layer
Promise<Object>更多信息

识别给定位置的像素值。

更多信息ImageryTileLayer
布尔值更多信息

isFulfilled() 可用于验证创建类的实例是否已完成(已解决或已拒绝)。

更多信息Layer
布尔值更多信息

isRejected() 可用于验证创建类的实例是否被拒绝。

更多信息Layer
布尔值更多信息

isResolved() 可用于验证创建类的实例是否已解决。

更多信息Layer
Promise更多信息

加载此类引用的资源。

更多信息Layer
Object更多信息

在实例上注册事件处理程序。

更多信息Layer
Promise更多信息

when() 可以在创建类的实例后利用。

更多信息Layer

方法详情

cancelLoad()inherited

如果 load() 操作已在进行中,则取消该操作。

createLayerView(view, options){Promise<LayerView>}inherited

当图层添加到 Map.layers 集合并且必须为其创建图层视图时,由视图(例如 MapViewSceneView)调用。此方法在内部使用,没有直接调用它的用例。

参数:
view *

父视图。

options Object
可选

指定其他选项的对象。有关此对象的必需属性,请参阅下面的对象规范表。

规范:
可选

中止层视图创建的信号。

返回:
类型 说明
Promise<LayerView> 使用 LayerView 实例进行解析。
另请参阅:
createPopupTemplate(options){PopupTemplate}

为图层创建默认弹出窗口模板,并使用图层的所有字段进行填充。

参数:
可选

用于创建弹出模板的选项。

返回:
类型 说明
PopupTemplate 弹出模板,如果图层没有任何字段,则为 null
destroy()inherited
起始版本:GeoScene API for JavaScript 4.17

销毁图层和任何关联的资源(包括其 portalItem,如果它是图层上的属性)。该图层一旦被破坏就不能再使用了。

被破坏的图层将从其父对象(如 MapWebMapWebSceneBasemapGroundGroupLayer)中移除。

另请参阅:
emit(type, event){Boolean}inherited

在实例上发出事件。仅当创建此类的子类时,才应使用此方法。

参数:
type String

事件的名称。

event Object
可选

事件负载。

返回:
类型 说明
布尔值 true 如果通知了侦听器
fetchAttributionData(){Promise<Object>}inherited

在图层可用时提取图层的自定义归因数据。

返回:
类型 说明
Promise<Object> 解析为包含图层自定义属性数据的对象。
fetchPixels(extent, width, height, options){Promise<Object>}
起始版本:GeoScene API for JavaScript 4.19

获取给定范围的像素。

参数:
规范:
extent Extent

要导出的图像的范围。

width Number

图像的宽度(以像素为单位)。

height Number

图像的高度(以像素为单位)。

options Object
可选

参数 options 是具有以下属性的对象。

规范:
interpolation String
可选

在版本4.23 版本中添加。定义如何插入像素值。

可能值:"nearest"|"bilinear"|"cubic"|"majority"

可选

中止请求的 AbortSignal。如果取消,promise 将被拒绝并出现名为 AbortError 的错误。另请参阅 AbortController

返回:
类型 说明
Promise<Object> 解析为包含导出像素参数的对象,包括 PixelBlockpixelBlock 包含图像中每个像素的值。
fetchTile(level, row, col, options){Promise<Object>}

此方法获取视图中存在的给定级别、行和列的图块。

参数:
level Number

要获取的图块的详细程度。该值由 LayerView 提供。

row Number

切片提取的行 (y) 位置。该值由 LayerView 提供。

col Number

要获取的图块的列 (x) 位置。该值由 LayerView 提供。

options Object
可选

切片请求的可选设置。

规范:
可选

可用于中止异步任务的信号对象。当发出中止信号时,返回的 Promise 将被一个名为 AbortError错误 拒绝。另请参阅 AbortController 以获取有关如何构造可用于传递中止信号的控制器的更多信息。

返回:
类型 说明
Promise<Object> 返回解析为包含像素块和源范围的对象的承诺。
hasEventListener(type){Boolean}inherited

指示实例上是否存在与提供的事件名称匹配的事件侦听器。

参数:
type String

事件的名称。

返回:
类型 说明
布尔值 如果类支持输入事件,则返回 true。
identify(point, options){Promise<Object>}

识别给定位置的像素值。它标识输入位置和指定维度定义中的影像服务内容。

参数:
point Point

定义要识别的位置的输入点。

可选
Autocasts from Object

识别请求的可选设置。

返回:
类型 说明
Promise<Object> 返回解析为包含位置和像素值的 RasterIdentifyResult 的承诺。
isFulfilled(){Boolean}inherited

isFulfilled() 可用于验证创建类的实例是否已完成(已解决或已拒绝)。如果满足,则返回 true

返回:
类型 说明
布尔值 指示创建类的实例是否已完成(已解决或已拒绝)。
isRejected(){Boolean}inherited

isRejected() 可用于验证创建类的实例是否被拒绝。如果拒绝,则返回 true

返回:
类型 说明
布尔值 指示创建类的实例是否已被拒绝。
isResolved(){Boolean}inherited

isResolved() 可用于验证创建类的实例是否已解决。如果已解决,则返回 true

返回:
类型 说明
布尔值 指示创建类的实例是否已解决。
load(signal){Promise}inherited

加载此类引用的资源。如果视图是使用地图实例构造的,则此方法会自动为视图及其在地图中引用的所有资源执行。

开发人员在访问不会在视图中加载的资源时必须调用此方法。

load() 方法仅在第一次调用时触发资源的加载。随后的调用返回相同的promise。

可以提供一个 signal 来停止对 Loadable 实例的加载状态感兴趣。当信号中止时,实例不会停止其加载过程,只有 cancelLoad 可以中止它。

参数:
可选

可用于中止异步任务的信号对象。当发出中止信号时,返回的 Promise 将被一个名为 AbortError错误 拒绝。另请参阅 AbortController 以获取有关如何构造可用于传递中止信号的控制器的更多信息。

返回:
类型 说明
Promise 资源已加载时解析。
on(type, listener){Object}inherited

在实例上注册事件处理程序。调用此方法以将事件与侦听器挂钩。

参数:

要侦听的事件或事件数组。

listener Function

事件触发时调用的函数。

返回:
类型 说明
Object 返回带有 remove() 方法的事件处理程序,应调用该方法以停止侦听事件。
属性 类型 说明
remove 函数 调用时,从事件中删除侦听器。
示例:
view.on("click", function(event){
  // event is the event handle returned after the event fires.
  console.log(event.mapPoint);
});
when(callback, errback){Promise}inherited

when() 可以在创建类的实例后利用。这个方法有两个输入参数:一个 callback 函数和一个 errback 函数。callback 在类的实例加载时执行。errback 在类的实例无法加载时执行。

参数:
callback Function
可选

当 promise 解决时调用的函数。

errback Function
可选

当 promise 失败时执行的函数。

返回:
类型 说明
Promise 返回 callback 结果的新承诺,可用于链接其他函数。
示例:
// Although this example uses MapView, any class instance that is a promise may use when() in the same way
let view = new MapView();
view.when(function(){
  // This function will execute once the promise is resolved
}, function(error){
  // This function will execute if the promise is rejected due to an error
});

类型定义

RasterIdentifyOptions Object

ImageryTileLayerWCSLayer 上的 identify() 方法设置的附加选项。

属性:
multidimensionalDefinition DimensionalDefinition[]
可选

将用于 identify 操作的维度定义。您可以识别一维或多维切片上的栅格。

可选

AbortSignal 允许可取消的请求。如果取消,promise 将被拒绝并出现名为 AbortError 的错误。另请参阅 AbortController

RasterIdentifyResult Object

identify 操作的结果。它包括给定位置的已处理像素值。单个像素值是指定位置的质心处的镶嵌像素值。

属性:
location Point

标识的位置。

value Number[]

图像服务像素值。

事件概述

隐藏继承事件 显示继承事件
名称 类型 描述
{view: View,layerView: LayerView}
更多信息

在视图中创建并渲染图层的 LayerView 后激发。

更多信息 Layer
{view: View,error: Error}
更多信息

在将图层添加到地图后,在创建 LayerView 期间发出错误时触发。

更多信息 Layer
{view: View,layerView: LayerView}
更多信息

在图层的 LayerView 被销毁且不再在视图中渲染后触发。

更多信息 Layer

事件详述

layerview-createinherited

在视图中创建并渲染图层的 LayerView 后激发。

属性:
view View

创建 layerView 的视图。

layerView LayerView

在视图中呈现的 LayerView 表示 layer 中的图层。

另请参阅:
示例:
// This function will fire each time a layer view is created for this
// particular view.
layer.on("layerview-create", function(event){
  // The LayerView for the layer that emitted this event
  event.layerView;
});
layerview-create-errorinherited

在将图层添加到地图后,在创建 LayerView 期间发出错误时触发。

属性:
view View

未能为发出此事件的图层创建层视图的视图。

error Error

描述图层视图创建失败原因的错误对象。

另请参阅:
示例:
// This function fires when an error occurs during the creation of the layer's layerview
layer.on("layerview-create-error", function(event) {
  console.error("LayerView failed to create for layer with the id: ", layer.id, " in this view: ", event.view);
});
layerview-destroyinherited

在图层的 LayerView 被销毁且不再在视图中渲染后触发。

属性:
view View

layerView 被销毁的视图。

layerView LayerView

表示图层的被破坏的 LayerView。

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

Navigated to ImageryTileLayer