GeoJSONLayer

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

概述

GeoJSONLayer类用于创建基于 GeoJSON 的图层。GeoJSON 是一种用于编码各种地理数据结构的格式。GeoJSON 数据必须符合 RFC 7946 规范,该规范规定坐标位于 SpatialReference.WGS84 中。请参阅 FeatureLayer 的查询数据部分以了解有关如何查询 geojson 数据的详细信息,以及数据可视化部分以了解如何更改 GeoJSONLayer 的可视化。

有关 GeoJSON 支持的几何对象及其相应的几何类型,请参阅下表:

GeoJSON Geometry Object API Geometry Type
Point Point
MultiPoint Multipoint
LineString/MultiLineString Polyline
Polygon/MultiPolygon Polygon

创建 GeoJSONLayer

GeoJSONLayer 是通过将 url 属性设置为指向 geojson 源或内存中 geojson 数据的 blob url 而创建的。

引用 geojson 源URL

要从 geojson 源创建 GeoJSONLayer 实例,必须将 url 属性设置为 geojson 源的 url。

require(["geoscene/layers/GeoJSONLayer"], function(GeoJSONLayer){
  // 指向存储美国人口普查数据的服务中的州层
const geojsonlayer = new GeoJSONLayer({ url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.geojson", copyright: "USGS Earthquakes" }); map.add(geojsonlayer); // 将图层添加到地图
});

通过 blob url 在内存中引用 geojson 数据

您还可以通过将 blob url 传递给图层的 url 属性,从内存中的 geojson 数据创建 GeoJSONLayer。以下代码段演示如何从 blob url 创建新的 GeoJSONLayer。

// 从 geojson 要素集合创建一个 geojson 层
const geojson = { type: "FeatureCollection", features: [ { type: "Feature", id: 1, geometry: { type: "Polygon", coordinates: [ [ [100.0, 0.0], [101.0, 0.0], [101.0, 1.0], [100.0, 1.0], [100.0, 0.0] ] ] }, properties: { prop0: "value0", } } ] }; // 从 geojson 要素集合创建一个新的 blob
const blob = new Blob([JSON.stringify(geojson)], { type: "application/json" }); // 对 blob 的 URL 引用
const url = URL.createObjectURL(blob); // 使用 blob url 创建新的 geojson 层
const layer = new GeoJSONLayer({ url });

已知限制

  • 每个 GeoJSONLayer 将只接受一种几何类型。如果有多种几何图形类型,则仅加载几何类型中指定的类型。如果未指定几何类型,它将默认为第一个几何的几何类型。
  • 每个 GeoJSONLayer 将只接受一个属性模式。fields 属性可用于指定图层的所需字段。如果未定义字段,则第一个要素使用的方案将用于推断图层的字段方案。
  • 不支持几何集合
  • 不支持将对象用作 GeoJSON 要素的属性值。
  • 当前不支持与 Antimeridian 线相交的几何图形。
示例:

构造函数

new GeoJSONLayer(properties)
参数:
properties Object
optional

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

示例代码:
const geoJSONLayer = new GeoJSONLayer({
   url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.geojson",
   copyright: "USGS Earthquakes",
});
map.add(geoJSONLayer);  // 将图层添加到地图中

属性列表

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

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

更多信息GeoJSONLayer
Object更多信息

描述图层支持的功能。

更多信息GeoJSONLayer
String更多信息

图层的版权信息。

更多信息GeoJSONLayer
Object更多信息

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

更多信息GeoJSONLayer
String更多信息

类名。

更多信息Accessor
String更多信息

用于在客户端过滤要素的 SQL where 语句。

更多信息GeoJSONLayer
String更多信息

图层的主要显示字段的名称。

更多信息GeoJSONLayer
Boolean更多信息

指示图层是否可编辑。

更多信息GeoJSONLayer
Effect更多信息

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

更多信息GeoJSONLayer
Object更多信息

指定图形在垂直轴 (z) 上的放置方式。

更多信息GeoJSONLayer
FeatureEffect更多信息

featureEffect 可用于关注感兴趣的要素。

更多信息GeoJSONLayer
FeatureReductionCluster|FeatureReductionSelection更多信息

配置减少视图中点要素数量的方法。

更多信息GeoJSONLayer
Field[]更多信息

图层中的字段数组。

更多信息GeoJSONLayer
FieldsIndex更多信息

一个方便的属性,可用于按名称对字段进行不区分大小写的查找。

更多信息GeoJSONLayer
Extent更多信息

图层的完整范围。

更多信息Layer
String更多信息

图层中要素的几何类型。

更多信息GeoJSONLayer
Boolean更多信息

指示图层中的客户端要素是否具有Z(高程)值。

更多信息GeoJSONLayer
String更多信息

分配给图层的唯一 ID。

更多信息Layer
LabelClass[]更多信息

该图层的标签定义,指定为数组 LabelClass

更多信息GeoJSONLayer
Boolean更多信息

指示是否显示该图层的标签。

更多信息GeoJSONLayer
Boolean更多信息

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

更多信息GeoJSONLayer
String更多信息

指示图层应如何在 LayerList 微件中显示。

更多信息Layer
Boolean更多信息

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

更多信息Layer
Error更多信息

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

更多信息Layer
String更多信息

表示加载操作的状态。

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

加载时出现的警告列表。

更多信息Layer
Number更多信息

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

更多信息GeoJSONLayer
Number更多信息

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

更多信息GeoJSONLayer
String更多信息

包含图层中每个要素的唯一值或标识符的 field 名称。

更多信息GeoJSONLayer
Number更多信息

图层的不透明度。

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

确定在视图中绘制要素的顺序。

更多信息GeoJSONLayer
String[]更多信息

要包含在每个要素中的 geoJSON 文件中的字段名称数组

更多信息GeoJSONLayer
Boolean更多信息

表示点击图层中的要素时是否显示弹出窗口。

更多信息GeoJSONLayer
PopupTemplate更多信息

图层的弹出模板。

更多信息GeoJSONLayer
Number更多信息

图层的刷新间隔,以分钟为单位。

更多信息GeoJSONLayer
Renderer更多信息

分配给图层的渲染器。

更多信息GeoJSONLayer
Boolean更多信息

SceneView 中对屏幕大小的点符号应用透视缩放。

更多信息GeoJSONLayer
SpatialReference更多信息

图层的空间参考。

更多信息GeoJSONLayer
FeatureTemplate[]更多信息

图层中定义的要素模板数组。

更多信息GeoJSONLayer
TimeExtent更多信息

图层的时间范围。

更多信息GeoJSONLayer
TimeInfo更多信息

TimeInfo 提供诸如存储每个要素的 start 和 end 时间的日期字段以及图层的 fullTimeExtent 等信息。

更多信息GeoJSONLayer
TimeInterval更多信息

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

更多信息GeoJSONLayer
String更多信息

图层的标题用于在 LegendLayerList 微件等位置识别它。

更多信息GeoJSONLayer
String更多信息对于 GeoJSONLayer,类型始终为 "geojson"更多信息GeoJSONLayer
String更多信息

GeoJSON 文件的 URL。

更多信息GeoJSONLayer
Boolean更多信息

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

更多信息GeoJSONLayer
Boolean更多信息

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

更多信息Layer

属性详细说明

blendMode String
起始版本: GeoScene API for JavaScript 4.22

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

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

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

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

color-blend

已知限制

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

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

淡化混合模式:

以下混合模式会产生比所有图层更亮的结果。 在淡化混合模式下,顶层中的纯黑色变得透明,从而使背景层能够透出。 顶层的白色将保持不变。 任何比纯黑色更亮的颜色都会在不同程度上使顶层的颜色变亮,直至纯白色。

淡化混合模式在淡化顶层的深色或从结果中移除黑色时非常有用。pluslightenscreen 模式可用于使深色背景上褪色或深色的图层变亮。

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

深色混合模式:

以下混合模式会产生比所有图层更暗的结果。 在深色混合模式下,顶层中的纯白色将变得透明,从而使背景层能够透出。顶层的黑色将保持不变。 任何比纯白色深的颜色都会在不同程度上使顶层变暗,直至纯黑色。

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

multiplydarken 模式可用于将底图的深色标签显示在顶层。

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

以下屏幕截图显示了 multiply 混合模式如何用于创建显示边界和海拔的世界物理地图。 multiply-blend

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

对比混合模式:

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

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

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

Normal blend mode Overlay blend mode
no-blendmode overlay-blend
混合模式 描述
overlay 结合使用 multiplyscreen 模式来使顶层中的颜色变暗和变亮,而背景层始终透出。 结果是背景层中较暗的颜色值会增强顶层,而背景层中较浅的颜色会冲掉顶层中的重叠区域。
soft-light 将半强度 screen 模式应用于较亮区域,将半强度 multiply 模式应用于顶层区域。 您可以将 soft-light 视为 overlay 模式的更柔和版本。
hard-light 根据顶层的颜色对颜色进行倍增或筛选。 效果类似于将刺眼的聚光灯照射在顶层。
vivid-light 通过增加或减少对比度来使用 color-burncolor-dodge 的组合,具体取决于顶层中的颜色。

组件混合模式:

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

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

color-blend
混合模式 描述
hue 使用顶层的色调和背景层的亮度和饱和度创建效果。
saturation 使用顶层的饱和度和背景层的色调和亮度创建效果。 50%的灰色背景层没有饱和度不会产生任何变化。
luminosity 使用顶层的亮度和背景层的色调和饱和度创建效果。 可以认为是color混合模式的对立面。
color 使用顶层的色调和饱和度以及背景层的亮度创建效果。 可以认为是luminosity混合模式的对立面。

复合混合模式:

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

  • Destination 模式用于用背景层的数据屏蔽顶层的数据。
  • Source 模式是用于用顶层的数据对背景层的数据进行掩蔽。

destination-in 混合模式可用于显示重点区域,例如地震、动物迁徙或点源污染,通过显示底层地图,提供现象的鸟瞰图.

以下屏幕截图按照它们在视图中的绘制顺序分别在左侧显示了要素和图像图层。包含土地覆盖分类栅格的影像图层。要素图层包含 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
示例:
capabilities Objectreadonly

描述图层支持的功能。

属性:
data Object

描述图层中数据的特性。

规范:
supportsAttachment Boolean

指示是否在图层上启用了附件。目前,GeoJSONLayer 不支持附件。

supportsM Boolean

指示图层中的要素是否支持 m 值。

supportsZ Boolean

指示图层中的要素是否支持 z 值。请参阅 elevationInfo 了解有关放置和在 3D SceneViews 中使用 z 值渲染要素。

editing Object

描述可以对图层中的要素执行的编辑功能。

规范:
supportsDeleteByAnonymous Boolean

指示匿名用户是否可以删除其他人创建的要素。

supportsDeleteByOthers Boolean

指示登录用户是否可以删除其他人创建的要素。

supportsGeometryUpdate Boolean

指示是否可以编辑图层中要素的几何形状。

supportsGlobalId Boolean

指示客户端提供的 globalid 值是否在 applyEdits 中使用。

supportsRollbackOnFailure Boolean

表示运行 synchronizeReplica 操作时rollbackOnFailure参数是否可以设置为truefalse

supportsUpdateByAnonymous Boolean

指示匿名用户是否可以更新其他人创建的要素。

supportsUpdateByOthers Boolean

表示登录用户是否可以更新其他人创建的要素。

supportsUpdateWithoutM Boolean

表示更新要素时是否必须提供 m值。

supportsUploadWithItemId Boolean

指示图层是否支持按 UploadId 上传附件。

operations Object

描述可以对图层中的要素执行的操作。

规范:
supportsAdd Boolean

指示是否可以将新功能添加到图层。

supportsDelete Boolean

指示是否可以从图层中删除

supportsUpdate Boolean

指示图层中的要素是否可以更新

supportsEditing Boolean

指示图层中的要素是否可以编辑。使用supportsAddsupportsUpdate 和 supportsDelete 来确定支持哪些编辑操作。

supportsCalculate Boolean

指示图层中的一个或多个字段值的值是否可以更新。

supportsQuery Boolean

指示图层中的要素是否可以查询

supportsQueryAttachments Boolean

指示图层是否支持 REST API 查询附件操作。 如果 falsequeryAttachments() 方法 一次只能返回一个要素的附件。 如果 truequeryAttachments() 可以返回 objectIds 数组的附件。

supportsValidateSql Boolean

指示图层是否支持 SQL-92 表达式或 where 子句。

supportsResizeAttachments Boolean

指示图层中是否支持调整大小的附件。这对于在弹出窗口中显示缩略图非常有用。

query Object

描述可以对图层中的要素执行的查询操作。

规范:
supportsCentroid Boolean

指示是否可以返回与每个面要素关联的几何质心。

supportsDistance Boolean

指示图层的查询操作是否支持输入几何图形的缓冲距离。

supportsDistinct Boolean

指示图层是否支持根据 outFields 中指定的字段查询不同的值。

supportsDisjointSpatialRelationship Boolean

表示查询操作是否支持disjoint 空间关系。 这仅对托管要素服务有效。

supportsExtent Boolean

指示图层的查询响应是否包括要素的范围。

supportsGeometryProperties Boolean

指示图层的查询响应是否包含几何属性,包括形状区域和长度属性。

supportsHavingClause Boolean

指示图层是否支持服务上的 having 子句。

supportsOrderBy Boolean

指示查询响应中返回的特征是否可以按一个或多个字段排序。

supportsPagination Boolean

指示查询响应是否支持分页。

supportsPercentileStatistics Boolean

表示图层是否支持百分位数统计类型

supportsQueryGeometry Boolean

表示查询响应是否包含查询几何

supportsQuantization Boolean

指示查询操作是否支持将几何图形投影到虚拟网格上。

supportsQuantizationEditMode Boolean

指示查询操作是否支持设计用于编辑模式的量化(给定空间参考的最高分辨率)。

supportsResultType Boolean

表示查询操作返回的要素数量是否可以控制。

supportsSqlExpression Boolean

表示查询操作是否支持 SQL 表达式。

supportsStandardizedQueriesOnly Boolean

指示查询操作是否支持使用标准化查询。

supportsStatistics Boolean

指示图层是否支持基于字段的统计功能。

supportsHistoricMoment Boolean

表示图层是否支持历史时刻查询。

queryRelated Object

表示图层的查询操作是否支持查询图层中的要素或与要素相关的记录。

规范:
supportsCount Boolean

指示图层的查询响应是否包含与图层中的要素相关的要素或记录数。

supportsOrderBy Boolean

表示查询响应中返回的相关要素或记录是否可以按一个或多个字段排序。

supportsPagination Boolean

指示查询响应是否支持相关要素或记录的分页。

示例代码:
//一旦图层加载完毕,检查图层是否开启了supportsAdd操作
geoJSONLayer.when(function(){
  if (geoJSONLayer.capabilities.operations.supportsAdd) {
//是否可以在图层中创建新功能
     // 设置 UI 以进行编辑
    setupEditing();
  }
});

图层的版权信息。

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

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

示例:
示例代码:
// 设置 customParameters 以请求自 1900 年以来的前 3 次地震。
// USGS 地震目录返回具有指定查询参数的地震。
const geojsonLayer = new GeoJSONLayer({ url: "https://earthquake.usgs.gov/fdsnws/event/1/query", customParameters: { format: "geojson", starttime: "1900-01-01", endtime: "2021-01-01", minmagnitude: "8", orderby:"magnitude", limit: "3" } });
declaredClass Stringreadonly inherited

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

definitionExpression String

用于筛选客户端上的要素的 SQL where 子句。只有满足定义表达式的要素才会显示在视图中。定义表达式可在图层加载到视图中之前或添加到地图后构建时设置。如果在将图层添加到地图后设置定义表达式,则视图将自动刷新以显示满足新定义表达式的要素。

示例代码:
// 在构造函数中设置定义表达式以仅显示 5.0 级及以上的地震
const layer = new GeoJSONLayer({ url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.geojson", definitionExpression: "mag >= 5" });
// 加载后直接在图层实例上设置定义表达式
layer.definitionExpression = "mag >= 5";
displayField String

图层的主要显示字段的名称。 此属性的值与图层的其中一个字段的名称相匹配。

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

指示图层是否可编辑。 GeoJSONLayer 要素只能在内存中编辑。 编辑要素时不修改源 geojson 文件。 因此,editingEnabled 默认为 false。 如果设置为 true,则需要手动更新源 geojson 文件。

默认值:false
示例:
起始版本: GeoScene API for JavaScript 4.22

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

备注

已知限制

默认值:null
示例:
示例代码:
//下面的效果将应用于所有尺度的图层
//先应用亮度,然后是色调旋转,然后是对比度
//改变效果的顺序会改变最终结果
layer.effect = "brightness(5) hue-rotate(270deg) contrast(200%)"; 
// 在图层上设置一个比例相关的绽放效果
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)"
  }
];
elevationInfo Object

指定图形在垂直轴 (z) 上的放置方式。 此属性只能在 SceneView 中使用。

属性:
mode String

定义要素相对于地形表面或场景中 3D 对象的放置方式。 如果几何图形由多个点(例如线或多边形)组成,则对每个点分别评估高程。 有关可能值的列表,请参见下表。

elevation-info

模式 描述
on-the-ground 要素与 Ground 对齐。 如果场景包含 IntegratedMeshLayer,则要素将与 IntegratedMeshLayer 对齐 . 如果要素具有 z 值,则在此模式下会忽略 z 值。 带有 2D 符号的要素叠加在 GroundIntegratedMeshLayer 上。 这是没有 z 值的图层的默认模式,其中包含 PolylinePolygon 使用 ObjectSymbol3DLayer 渲染的要素或 Point 要素。
absolute-height 要素放置在海平面以上的绝对高程(z 值)处。 此 z 值由几何的 z 值(如果存在)确定。 如果定义了 featureExpressionInfo,则使用表达式的结果而不是几何的 z 值。 此模式不考虑 Ground 或任何其他图层的高程。 这是任何几何类型的要素的默认值,其中 hasZtrue
relative-to-ground 要素放置在相对于 GroundIntegratedMeshLayer 的高度上。 要素的高程由 GroundIntegratedMeshLayer 的高程和几何的 z 值(如果存在)。 如果定义了 featureExpressionInfo,则使用表达式的结果而不是几何的 z 值。 如果几何图形没有 z 值,则 relative-to-groundPoint 几何图形的默认值 IconSymbol3DLayers.
relative-to-scene 要素与extruded polygons、3D对象SceneLayersBuildingSceneLayers对齐,取决于哪个海拔更高。 如果该要素不在建筑物或任何其他要素的正上方,则将其与 GroundIntegratedMeshLayer。 如果存在,则将几何的 z 值添加到高程中。 如果定义了 featureExpressionInfo,则使用表达式的结果而不是几何的 z 值。

可选值:"on-the-ground"|"relative-to-ground"|"absolute-height"|"relative-to-scene"

offset Number
optional

高度偏移,添加到图形的垂直位置。 如果未定义unit,则偏移量为meters。当mode = "on-the-ground" 时,该属性无效。

featureExpressionInfo Object
optional

定义如何根据其属性覆盖要素的 Z 值。

规范:
expression String
optional

Arcade 表达式 遵循 Arcade Feature Z Profile 定义的规范。 表达式可以使用 $feature 全局变量引用字段值,并且必须返回一个表示特征 z 值的数字。 mode = "on-the-ground" 时,该属性无效。 对于线和多边形几何,表达式的结果对于要素的所有顶点都是相同的。

unit String
optional

featureExpressionInfooffset 值的单位。

可选值:"feet"|"meters"|"kilometers"|"miles"|"us-feet"|"yards"

示例:
featureEffect FeatureEffectautocast
起始版本: GeoScene API for JavaScript 4.22

featureEffect 可用于吸引感兴趣的注意力要素。 它允许通过过滤器和一个 includedEffect 和 excludedEffect 应用于分别通过或未通过过滤器要求的那些要素。

备注

  • 如果需要将效果应用于整个图层,请设置 effect 属性。
  • 如果在图层上设置了featureEffect,它将被layerView.featureEffect继承,除非开发者在图层视图上覆盖它。 layerView.featureEffect 如果设置了这两个属性,则将优先于 layer.featureEffect
  • 如果以下四个属性全部应用,那么它们将按以下顺序应用:featureEffecteffect不透明度blendMode

已知限制

示例:
示例代码:
// 将超出鼠标位置 3 英里缓冲区的要素变灰
//通过设置排除要素的要素效果
layer.featureEffect = new FeatureEffect({
  filter: new FeatureFilter({
    geometry: filterGeometry,
    spatialRelationship: "intersects",
    distance: 3,
    units: "miles"
  }),
  excludedEffect: "grayscale(100%) opacity(30%)"
});
// 对与行政区边界相交的要素应用投影要素效果,
// 同时对从过滤条件中排除的要素应用模糊和亮度效果。
// 由此产生的地图将使人们更容易发现居住在自治区
// 边界上的居民是否更有可能遭受贫困。
const featureFilter = new FeatureFilter({
  where: "BoroughEdge='true'"
});
layer.featureEffect = new FeatureEffect{
  filter: featureFilter,
  includedEffect: "drop-shadow(3px, 3px, 3px, black)",
  excludedEffect: "blur(1px) brightness(65%)"
});

配置减少视图中点要素数量的方法。 默认情况下,该属性为null,表示图层视图应该绘制每个要素。

要素缩减有两种类型:selectioncluster

  • Selection 仅适用于 SceneView 中的点和涉及细化重叠要素,因此没有要素在屏幕上相交。 从 4.4 版开始提供此功能。
  • Cluster 在空间上将 MapView 中的点分组为集群。 每个集群的大小与集群内的特征数量成正比。 这从 4.14 版开始可用。
示例:
示例代码:
// 根据与其他点的空间接近度对点进行聚类
layer.featureReduction = {
  type: "cluster",
  clusterRadius: 100
};
// 细化视图中的要素
layer.featureReduction = {
  type: "selection"
};
自动转换自 Object[]

图层中的字段数组。

示例代码:
// 定义每个字段的模式
let fields = [
 new Field({
   "name": "ObjectID",
   "alias": "ObjectID",
   "type": "oid"
 }), new Field({
   "name": "description",
   "alias": "Description",
   "type": "string"
 }), new Field ({
   "name": "title",
   "alias": "Title",
   "type": "string"
 })
];
fieldsIndex FieldsIndexreadonly
起始版本: GeoScene API for JavaScript 4.22

一个方便的属性,可用于按名称对字段进行不区分大小写的查找。它还可以提供图层中日期字段的列表。

示例代码:
// 按名称查找字段。 名称不区分大小写
const field = layer.fieldsIndex.get("SoMeFiEld");

if (field) {
  console.log(field.name); // 一些字段
}

图层的完整范围。 默认情况下,这是全球范围的。 可以使用此属性设置视图的范围以匹配图层的范围,这样看起来要素填充了视图。 请参阅下面的示例片段。

示例代码:
// 图层加载后,将视图的范围设置为图层的全范围
layer.when(function(){
  view.extent = layer.fullExtent;
});
geometryType String

图层中要素的几何类型。 所有要素必须属于同一类型。

可选值:"point"|"polygon"|"polyline"|"multipoint"

hasZ Booleanreadonly

指示图层中的客户端要素是否具有 Z(高程)值。 有关在 3D SceneViews 中使用 z 值放置和渲染要素的详细信息,请参阅elevationInfo。 使用 FeatureLayer 的 capabilities.data 对象中的 supportsZ 属性来验证要素服务要素是否支持 Z 值。

默认值:undefined

分配给图层的唯一 ID。 如果没有开发者设置,则在图层加载时自动生成。

labelingInfo LabelClass[]autocast
自动转换自 Object[]

此图层的标签定义,指定为 LabelClass 的数组。 使用此属性可以指定图层的标注属性,例如标注表达式、位置和大小。

具有不同 where 子句的多个标签类可用于在同一要素上定义具有不同样式的多个标签。 同样,可以使用多个标注类别来标注不同类型的要素(例如湖泊的蓝色标注和公园的绿色标注)。

已知限制

3D SceneViews 每个要素仅支持一个 LabelClass

示例:
示例代码:
const statesLabelClass = new LabelClass({
  labelExpressionInfo: { expression: "$feature.NAME" },
  symbol: {
    type: "text",  // 转换成 new TextSymbol()
    color: "black",
    haloSize: 1,
    haloColor: "white"
  }
});
geoJSONLayer.labelingInfo = [ statesLabelClass ];
labelsVisible Boolean

指示是否显示该图层的标签。 如果 true,标签将 按照 labelingInfo 属性中的定义显示。

已知限制

3D SceneViews 每个要素仅支持一个 LabelClass

默认值:true
legendEnabled Boolean

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

默认值:true
listMode String inherited

指示图层应如何在 LayerList 微件中显示。 下面列出了可能的值。

描述
show 该图层在内容列表中可见。
hide 该图层在内容列表中不可见。
hide-children 如果图层是GroupLayerBuildingSceneLayerKMLLayer, MapImageLayer, TileLayerWMSLayer,从内容表中隐藏子图层。

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

默认值:show
loaded Booleanreadonly inherited

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

默认值:false
loadError Errorreadonly inherited

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

默认值:null
loadStatus Stringreadonly inherited

表示加载操作的状态。

描述
not-loaded 该对象的资源尚未加载。
loading 该对象的资源正在加载。
loaded 该对象的资源已正确加载。
failed 对象的资源加载失败。 有关详细信息,请参阅 loadError

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

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

加载时出现的警告列表。

maxScale Number

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

默认值:0
示例代码:
// 当视图放大到超过 1:1,000 的比例时,图层将不可见
layer.maxScale = 1000;
// 图层的可见性不限于最大比例。
layer.maxScale = 0;
minScale Number

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

默认值:0
示例代码:
// 当视图缩小到超过 1:3,000,000 的比例时,图层将不可见
layer.minScale = 3000000;
// 图层的可见性不限于最小比例。
layer.minScale = 0;
objectIdField String
起始版本: GeoScene API for JavaScript 4.22

包含图层中每个要素的唯一值或标识符的 field 名称。 如果 GeoJSON 中存在要素 id ,它将用作  oid 字段。 从 4.22 版本开始,如果要素  id 是整数,则该字段将是  oid 字段的类型,如果要素  id 是字符串,则该字段将是 string 字段。 如果要素  id 属性不存在且未指定  objectIDField ,则将从 1 开始为每个要素生成  __ObjectID 字段。

示例:
opacity Number inherited

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

默认值:1
示例代码:
// 使图层 50% 透明
layer.opacity = 0.5;
orderBy Object[]
起始版本: GeoScene API for JavaScript 4.22

确定在视图中绘制要素的顺序。 您可以按字段值或从 Arcade 表达式按升序或降序排列。

null(默认)时,按照返回的顺序绘制特征 服务或客户端。

已知限制

  • 此属性仅控制MapView 中的要素绘制顺序。 SceneView 中不支持配置要素绘制顺序。
  • 该属性不控制簇的绘制顺序。 它仅适用于个别要素。
  • 使用 Arcade 表达式定义的要素绘制顺序配置不能保存到网络地图。
  • 目前,您只能按一个字段或表达式对要素进行排序。
属性:
field String
optional

其值将用于对要素进行排序的数字或日期字段。

valueExpression String
optional

遵循 Arcade Feature Z Profile 定义的规范的 Arcade 表达式。 表达式可以使用 $feature 全局变量引用字段值,并且必须返回表示用于对要素进行排序的 z 值的数字或日期。

order String
optional
默认值:ascending

排序顺序。 如果ascending,那么具有较小数据值的要素(它们通常在尺寸可视化中具有较小的符号)将被绘制在具有较大数据值的要素之上。 如果descending,则具有较大数据值的要素(通常在尺寸可视化中较大的符号)将被绘制在具有较小数据值的要素之上。 如果使用日期值,则 ascending 意味着具有较旧值的要素将绘制在具有较新日期的要素之上。 日期的 descending 顺序表示具有较新值的要素将绘制在具有较旧值的要素之上。

可选值:"ascending"|"descending"

默认值:null
示例:
示例代码:
// 人口值较小的要素将 // 被渲染在更大的要素的顶部。
layer.orderBy = [{
  field: "POPULATION"
}];
// 人口值较大的要素将 // 被渲染在较小要素的顶部。
layer.orderBy = [{
  field: "POPULATION",
  order: "descending"
}];
// 按日期降序排列要素。
// 将最新的要素 // 渲染在较旧的要素之上。
layer.orderBy = [{
  field: "Alarm_Date",
  order: "descending"
}];
//按风暴警告持续时间降序排列要素。
// 持续时间较长的警告 // 渲染在持续时间较短的警告之上。
layer.orderBy = [{
  valueExpression: "DateDiff($feature.Watch_End, $feature.Watch_Start, 'hours' )",
  order: "descending"
}];
// 按大小可视变量中使用的数据值对要素进行排序
const sizeVariable = layer.renderer.visualVariables.find( vv => vv.type === "size");
const { field, valueExpression } = sizeVariable;
layer.orderBy = [{
  field,
  valueExpression,
  order: "ascending"
}];
outFields String[]
起始版本: GeoScene API for JavaScript 4.22

geoJSON 文件中要包含在每个要素中的字段名称数组。 要从图层中的所有字段中获取值,请使用  ["*"]。 用于图层renderinglabeling 和设置 elevation info 的必填字段以及在  outFields 中指定的字段用于填充 GeoJSONLayerView.availableFields

默认值:null
示例:
示例代码:
// 包括层中服务的所有字段
layer.outFields = ["*"];
//从层中的service中获取指定字段
// 这些字段将与渲染和标签字段一起添加到 FeatureLayerView.availableFields。 
//使用这些字段进行客户端过滤和查询。
layer.outFields = ["NAME", "POP_2010", "FIPS", "AREA"];
popupEnabled Boolean

表示单击图层中的要素时是否显示弹出窗口。 该图层需要有一个 popupTemplate 来定义什么 信息应显示在弹出窗口中。 或者,如果 Popup.defaultPopupTemplateEnabled 设置为 true,则可以自动使用默认弹出模板。

默认值:true
示例:
popupTemplate PopupTemplateautocast

图层的弹出模板。 当在图层上设置时,popupTemplate 允许用户访问属性并在 视图的弹出窗口中显示它们的值。 使用文本和/或图表选择功能。 查看 PopupTemplate 如何与一个 FeatureLayer作用.

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

示例:
refreshInterval Number
起始版本: GeoScene API for JavaScript 4.22

图层的刷新间隔,以分钟为单位。 0的值表示不刷新。

默认值:0
示例:
示例代码:
// 图层将每 6 秒刷新一次。
layer.refreshInterval = 0.1;
renderer Rendererautocast

分配给图层的渲染器。 渲染器定义了如何可视化层中的每个要素。 根据渲染器类型,可以使用相同的符号或基于提供的属性字段或函数的值使用不同的符号来可视化要素。 如果未指定,将根据几何类型生成默认渲染器。

示例:
screenSizePerspectiveEnabled Boolean

SceneView 中对屏幕大小的点符号应用透视缩放。 当 true 时,屏幕大小的对象,例如 iconslabels callouts 通过将特定透视投影应用于要素大小,可以更好地集成到 3D 场景中。 这仅在使用 SceneView 时适用。

layer.screenSizePerspectiveEnabled = true

screen-size-perspective

layer.screenSizePerspectiveEnabled = false

no-screen-size-perspective

已知限制

屏幕尺寸透视目前没有针对相机非常靠近地面的情况进行优化,或者对于点特征远离地面的场景进行优化。 在这些情况下,最好关闭屏幕尺寸透视。 由于屏幕尺寸透视图会根据与相机的距离来改变尺寸,因此在使用尺寸视觉变量时应将其设置为 false。

默认值:true
spatialReference SpatialReferenceautocast

图层的空间参考。默认值为 WGS84。可以显式设置此属性,以便在图层解析 GeoJSON 文件时投影经度和纬度坐标。虽然不是必需的,但显式设置图层的空间参考将提高投影到原始数据中坐标所使用的空间参考以外的空间参考时的性能。

默认值:SpatialReference.WGS84
示例:
示例代码:
const geoJSONLayer = new GeoJSONLayer({
  url: "example.geojson",
  spatialReference: {
    wkid: 5936
  }
});
templates FeatureTemplate[]

图层中定义的要素模板数组。

timeExtent TimeExtentautocast
起始版本: GeoScene API for JavaScript 4.22

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

示例代码:
if (!layer.useViewTime) {
  if (layer.timeExtent) {
    console.log("Current timeExtent:", layer.timeExtent.start, " - ", layer.timeExtent.end}
  } else {
    console.log("该层将在视图的 timeExtent 内显示数据。");
    console.log("Current view.timeExtent:", view.timeExtent.start, " - ", view.timeExtent.end}
  }
}
//设置图层的timeExtent和useViewTime false // 在这种情况下,图层将遵循其 timeExtent 并忽略 //视图的 timeExtent
const layer = new ImageryLayer({
  url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/ScientificData/SeaTemperature/ImageServer",
  timeExtent: {
    start: new Date(2014, 4, 18),
    end: new Date(2014, 4, 19)
  },
  useViewTime: false
});
// 在图层和视图上设置 timeExtent 在这种情况下,图层将显示属于视图和图层交集的要素 将显示 1976 年 1 月 1 日 - 1981 年 1 月 1 日的时间范围要素 
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)
  }
});
timeInfo TimeInfoautocast

TimeInfo 提供诸如存储每个要素的startend时间的日期字段以及图层的 fullTimeExtent 等信息。 如果为 GeoJSONLayer设置  timeInfo 属性及其  startField和  endField 属性,则必须在层初始化时设置。 图层加载后无法更改 timeInfo 参数。 timeInfo 的 fullTimeExtent 是根据其 startField 和  endField 属性自动计算的。 如果日期信息存储在 epoch/unix 时间戳中,则在图层初始化时创建日期字段。 如果日期信息未存储在纪元/unix 时间戳中,则必须将它们转换为纪元时间戳,以便可以为图层创建日期字段。 以下代码片段显示了如何根据 ISO-8601 字符串在 GeoJSONLayer 中创建日期字段。

// 在获取 geojson 数据后拦截它,以便我们可以在创建 GeoJSONLayer 之前将 ISO-8601 字符串值解析为纪元时间戳。
geosceneConfig.request.interceptors.push({
  urls: geojsonUrl,
  after: function(response) {
   if (response.url?.valueOf().toLowerCase().includes("earthquakes")) {
      const geojson = response.data;
      geojson.features.forEach((feature) => {
        const unixDate = Date.parse(feature.properties.isoDate);
        feature.properties.unixDate = unixDate;
      });
    }
  }
});

// 通过在构造函数中设置 timeInfo 属性来创建时间感知 GeoJSONLayer。
// 我们还必须在图层构造函数中设置 fields 参数,以指示 unixDate 字段是日期字段。
const layer = new GeoJSONLayer({
  url: geojsonUrl,
  popupTemplate: {
    title: "{name}",
    content: "ISO date: {isoDate} <br> Unix date: {unixDate}"
  },
  fields: [
    {
       "name": "unixDate",
       "alias": "unixDate",
       "type": "date"
     }
  ],
  timeInfo: {
    startField: "unixDate",
    interval: {
      unit: "years",
      value: 1
    }
  }
});
默认值:null
示例代码:
// 从 usgs 地震 geojson 提要创建 geojson 层
const geojsonLayer = new GeoJSONLayer({
  url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.geojson",
  copyright: "USGS Earthquakes",
  fields: [
    { "name": "mag", "type": "double" },
    { "name": "place", "type": "string" },
    { "name": "time", "type": "date" }, // date field
    { "name": "depth", "type": "double" }
  ],
  // timeInfo 可用于设置 startField 和 endField 的时间查询。
  // timeExtent 是根据开始和结束日期字段自动计算的。
// 日期值必须是 UTC 中指定的 UNIX 纪元的毫秒数。
timeInfo: { startField: "time" } });
起始版本: GeoScene API for JavaScript 4.22

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

默认值:null
示例代码:
// 偏移包含 2015 年飓风的 geojson 图层,以便它们出现在 2019 年(+4 年)。
let layer = new GeoJSONLayer({ url: `hurricanes-and-storms-2015.geojson`, 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

图层的标题用于在 LegendLayerList 小部件等位置识别它

默认值:"GeoJSON"
type Stringreadonly

对于 GeoJSONLayer,类型始终为 "geojson".

url String

GeoJSON 文件的 URL。

示例代码:
// 从 USGS 地震数据创建 geojson 图层
const layer = new GeoJSONLayer({ url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.geojson" });
// 从 geojson 要素集合创建一个 geojson 层
const geojson = { type: "FeatureCollection", features: [ { type: "Feature", id: 1, geometry: { type: "Polygon", coordinates: [ [ [100.0, 0.0], [101.0, 0.0], [101.0, 1.0], [100.0, 1.0], [100.0, 0.0] ] ] }, properties: { prop0: "value0", } } ] }; // 从 geojson 要素集合创建一个新的 blob
const blob = new Blob([JSON.stringify(geojson)], { type: "application/json" }); // URL blob const url = URL.createObjectURL(blob); // 使用 blob url 创建新的 geojson 层
const layer = new GeoJSONLayer({ url });
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);
}
visible Boolean inherited

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

默认值:true
示例代码:
// 该层在视图中不可见
layer.visible = false;

方法列表

展示继承方法 隐藏继承方法
属性 返回值类型 描述
Promise<Object>更多信息

将编辑应用到图层中的要素。

更多信息GeoJSONLayer
更多信息

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

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

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

更多信息Layer
PopupTemplate更多信息

为图层创建一个弹出模板,其中填充了图层的所有字段。

更多信息GeoJSONLayer
Query更多信息

创建查询参数对象,该对象可用于提取满足图层配置(如definitionExpression)的要素。

更多信息GeoJSONLayer
更多信息

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

更多信息Layer
Boolean更多信息

在实例上触发事件。

更多信息Layer
Field更多信息

返回字段名称的 Field 实例(不区分大小写)。

更多信息GeoJSONLayer
Domain更多信息

返回与给定字段名称关联的域。

更多信息GeoJSONLayer
Boolean更多信息

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

更多信息Layer
Boolean更多信息

isFulfilled() 可用于验证创建类的实例是否已完成(无论成功或失败)。

更多信息Layer
Boolean更多信息

isRejected() 可用于验证创建类的实例是否失败。

更多信息Layer
Boolean更多信息

isResolved() 可用于验证创建类的实例是否成功。

更多信息Layer
Promise更多信息

加载该类引用的资源。

更多信息Layer
Object更多信息

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

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

对要素服务执行查询并返回满足查询的要素范围

更多信息GeoJSONLayer
Promise<Number>更多信息

对要素服务执行查询并返回满足查询的要素数。

更多信息GeoJSONLayer
Promise<FeatureSet>更多信息

对要素服务执行查询并返回 FeatureSet,一旦承诺解析,即可使用 .then() 方法访问该功能集。

更多信息GeoJSONLayer
Promise<Number[]>更多信息

对要素服务执行查询,并返回满足输入查询的要素的对象 ID 数组。

更多信息GeoJSONLayer
更多信息

获取图层的所有数据。

更多信息GeoJSONLayer
Promise更多信息

when() 创建类的实例后,会被执行一次。

更多信息Layer

方法详细说明

applyEdits(edits){Promise<Object>}

将编辑内容应用于图层中的要素。可以创建新要素,也可以更新或删除现有要素。可以修改要素几何和/或属性。仅适用于要素服务中的图层以及通过图层 source 设置的客户端要素。还可以添加、更新或删除附件。

如果在运行时使用 applyEdits() 添加、删除或更新客户端要素,则使用 queryFeatures() 返回更新的要素。

参数:
规范:
edits Object

包含要添加、更新或删除的要素和附件的对象。

规范:
optional

要添加的功能的数组或集合。添加新要素时,必须提供不可为 null 字段的值。日期字段必须具有表示通用时间的数值

updateFeatures Graphic[]|Collection<Graphic>
optional

要更新的功能的数组或集合。每个要素都必须具有有效的 objectId。更新要素时,必须提供不可为空字段的值。日期字段必须具有表示通用时间的数值

optional

要删除的功能或对象的数组或集合。传递特征数组或集合时,每个特征都必须具有有效的 objectId。使用对象数组时,每个对象都必须具有有效objectId 的属性。

返回值:
类型 描述
Promise<Object> 解析为包含编辑结果的对象。有关详细信息,请参阅下面的对象规格表。
属性 类型 描述
addFeatureResults FeatureEditResult[] 添加要素的结果。
deleteFeatureResults FeatureEditResult[] 删除要素的结果。
updateFeatureResults FeatureEditResult[] 更新要素的结果。
示例:
示例代码:
function addFeature(geometry) {
  const attributes = {};
  attributes["Description"] = "This is the description";
  attributes["Address"] = "380 New York St";

  // Date.now() 返回自 1970 年 1 月 1 日 00:00:00 UTC 以来经过的毫秒数。
  attributes["Report_Date"] = Date.now();

  const addFeature =  new Graphic({
    geometry: geometry,
    attributes: attributes
  });

  const deleteFeature = {
   objectId: [467]
  };

  const promise = geoJSONLayer.applyEdits({
    addFeatures: [addFeature],
    deleteFeatures: [deleteFeature]
  });
}
cancelLoad()inherited

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

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

当图层被添加到 Map.layers 集合并且图层视图必须为其创建时,由MapViewSceneView等视图调用, 该方法内部使用,没有直接调用的用例

参数:
view *

父视图

options Object
optional

指定附加选项的对象。  有关此对象所需的属性,请参阅下面的对象规格表。

规范:
signal AbortSignal
optional

一个中止图层视图创建的信号。

返回值:
类型 描述
Promise<LayerView> LayerView 实例解析。
示例:
createPopupTemplate(options){PopupTemplate}

为图层创建一个弹出模板,其中填充了图层的所有字段。

参数:
optional

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

返回值:
类型 描述
PopupTemplate 弹出模板,如果图层没有任何字段,则为 null
createQuery(){Query}

创建查询参数对象,该对象可用于获取满足层配置的特征,例如definitionExpression。 它将根据图层的 data capabilities返回 Z 和 M 值。 它将查询参数的 outFields 属性设置为 ["*"]

返回值:
类型 描述
Query 表示图层的定义表达式和其他配置的查询对象。
示例:
示例代码:
// 获取图层当前配置的查询对象
// queryParams.outFields 将被设置为 ["*"] 以获取所有可用字段的值。
const queryParams = layer.createQuery();
// 设置geometry以按感兴趣区域过滤要素
queryParams.geometry = extentForRegionOfInterest;
// 添加到图层的当前定义表达式
queryParams.where = queryParams.where + " AND TYPE = 'Extreme'";

// 使用修改后的 params 对象查询图层
layer.queryFeatures(queryParams).then(function(results){
  // 将结果图形数组打印到控制台
  console.log(results.features);
});
destroy()inherited
起始版本: GeoScene API for JavaScript 4.22

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

被破坏的图层将从其父对象中删除,例如 MapWebMapWebScene,Basemap, Ground ,或 GroupLayer
示例:
emit(type, event){Boolean}inherited

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

参数:
type String

事件名称

event Object
optional

事件负载。

返回值:
类型 描述
Boolean 如果侦听器收到通知,则为true 
getField(fieldName){Field}

返回字段名称的 Field 实例(不区分大小写)。

参数:
fieldName String

字段名称。

返回值:
类型 描述
Field 匹配字段或undefined
示例:
getFieldDomain(fieldName, options){Domain}

返回与给定字段名称关联的域。该域可以是 CodedValueDomain 或 RangeDomain。

参数:
fieldName String

字段名称。

options Object
optional

指定附加选项的对象。  有关此对象所需的属性,请参阅下面的对象规格表。

规范:
feature Graphic

Domain 被分配到的要素。

返回值:
类型 描述
Domain 与给定要素的给定字段名称相关联的Domain对象。
hasEventListener(type){Boolean}inherited

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

参数:
type String

事件名称

返回值:
类型 描述
Boolean 如果类支持输入事件,则返回 true。
isFulfilled(){Boolean}inherited

isFulfilled() 可用于验证创建类的实例是否已完成(无论成功或失败)。 如果已完成,将会返回true

返回值:
类型 描述
Boolean 指示创建类的实例是否已完成(无论成功或失败)。
isRejected(){Boolean}inherited

isRejected() 可用于验证创建类的实例是否失败。 如果失败, 将会返回 true

返回值:
类型 描述
Boolean 指示是否已拒绝创建类的实例。
isResolved(){Boolean}inherited

isResolved() 可用于验证创建类的实例是否成功。 如果成功, 将会返回 true

返回值:
类型 描述
Boolean 指示是否已解析创建类的实例。
load(signal){Promise}inherited

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

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

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

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

参数:
signal AbortSignal
optional

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

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

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

参数:

要监听的event 或者事件数组

listener Function

事件触发时要调用的函数

返回值:
类型 描述
Object 返回一个remove() 方法的事件处理程序,该方法用以停止侦听事件。
属性 类型 描述
remove Function 当被调用时,从事件中移除监听器。
示例代码:
view.on("click", function(event){
  // event是事件触发后返回的事件句柄。
  console.log(event.mapPoint);
});
queryExtent(query, options){Promise<Object>}

对要素服务执行Query并返回满足查询的要素Extent 。如果未指定任何参数,则返回满足图层配置/过滤器的所有要素的范围和计数

已知限制

  • 空间查询具有 projection engine 文档中列出的空间查询相同的限制。
  • 如果图层视图具有以下任何 SpatialReferences,则当前不支持空间查询:
    • GDM 2000 (4742) – 马来西亚
    • Gusterberg (Ferro) (8042) – 奥地利/捷克共和国
    • ISN2016 (8086) - 冰岛
    • SVY21 (4757) - 新加坡
参数:
query Query autocast
optional
自动转换自 Object

指定查询的属性和空间过滤器。如果未指定任何参数,则返回满足图层配置/过滤器的所有要素的范围和计数。

options Object
optional

具有如下属性的对象。

规范:
signal AbortSignal
optional

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

返回值:
类型 描述
Promise<Object> 解析后,返回满足输入查询的要素的范围和计数。 有关详细信息,请参阅下面的对象规范表。
属性 类型 描述
count Number 满足输入查询的要素数量。
extent Extent 满足查询的要素范围。
示例代码:
// 查询匹配层配置的所有要素的范围,例如 definitionExpression
layer.queryExtent().then(function(results){
  // 跳转到查询的结果的范围
  view.goTo(results.extent);
});
const layer = new GeoJSONLayer({
  url: dataUrl
});

const query = new Query();
query.where = "region = 'Southern California'";

layer.queryExtent(query).then(function(results){
  view.goTo(results.extent);  // 跳转到查询的结果的范围
});
queryFeatureCount(query, options){Promise<Number>}

对要素服务执行查询并返回满足查询的要素数。如果未指定参数,则返回满足图层配置/过滤器的要素总数。

已知限制

  • 空间查询具有 projection engine 文档中列出的空间查询相同的限制。
  • 如果图层视图具有以下任何 SpatialReferences,则当前不支持空间查询:
    • GDM 2000 (4742) – 马来西亚
    • Gusterberg (Ferro) (8042) - 奥地利/捷克共和国
    • ISN2016 (8086) - 冰岛
    • SVY21 (4757) - 新加坡
参数:
query Query autocast
optional
自动转换自 Object

指定查询的属性和空间过滤器。如果未指定参数,则返回满足图层配置/过滤器的要素总数。

options Object
optional

具有如下属性的对象。

规范:
signal AbortSignal
optional

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

返回值:
类型 描述
Promise<Number> 解析后,返回满足查询的要素数。
示例代码:
// 查询匹配层配置的所有要素的计数,例如 definitionExpression
layer.queryFeatureCount().then(function(numFeatures){
  // 将总计数输出到控制台
  console.log(numFeatures);
});
const layer = new GeoJSONLayer({
  url: dataUrl
});

const query = new Query();
query.where = "region = 'Southern California'";

layer.queryFeatureCount(query).then(function(numResults){
  console.log(numResults);  // 打印满足查询的结果数
});
queryFeatures(query, options){Promise<FeatureSet>}

对图层执行Query并返回一个 FeatureSet,一旦 promise  resolved,就可以使用  .then()  方法访问它。 FeatureSet 包含一组Graphic 要素,可以添加到 view's graphics 中。 如果找到零个结果,则不会填充此数组。

已知限制

  • 在针对图层视图执行的属性查询中使用的属性值区分大小写。
  • 空间查询具有 projection engine 文档中列出的空间查询相同的限制。
  • 如果图层视图具有以下任何 SpatialReferences,则当前不支持空间查询:
    • GDM 2000 (4742) – 马来西亚
    • Gusterberg (Ferro) (8042) - 奥地利/捷克共和国
    • ISN2016 (8086) - 冰岛
    • SVY21 (4757) - 新加坡
参数:
query Query autocast
optional
自动转换自 Object

指定查询的属性和空间过滤器。如果未指定参数,则返回满足图层配置/过滤器的所有要素。

options Object
optional

具有如下属性的对象。

规范:
signal AbortSignal
optional

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

返回值:
类型 描述
Promise<FeatureSet> 解析后,将返回包含图形要素数组的 FeatureSet 。 
示例:
示例代码:
// 查询匹配层配置的所有要素,例如 definitionExpression
layer.queryFeatures().then(function(results){
  // 将结果图形数组打印到控制台
  console.log(results.features);
});
const layer = new GeoJSONLayer({
  url: geojsonUrl  // 指向 GeoJSON 数据 url
}); const query = new Query(); query.where = "STATE_NAME = 'Washington'"; query.outSpatialReference = { wkid: 102100 }; query.returnGeometry = true; query.outFields = [ "CITY_NAME" ]; layer.queryFeatures(query).then(function(results){ console.log(results.features); // 将要素数组打印到控制台 });
// 获取图层当前配置的查询对象
const queryParams = layer.createQuery();
// 设置geometry以按感兴趣区域过滤要素
queryParams.geometry = extentForRegionOfInterest;
// 添加到图层的当前定义表达式
queryParams.where = queryParams.where + " AND TYPE = 'Extreme'";

// 使用修改后的 params 对象查询图层
layer.queryFeatures(queryParams).then(function(results){
  // 将结果图形数组打印到控制台
  console.log(results.features);
});
queryObjectIds(query, options){Promise<Number[]>}

对要素服务执行Query,并返回满足输入查询的要素的对象 ID 数组。如果未指定任何参数,则返回满足图层配置/过滤器的所有要素的对象 ID。

已知限制

  • 空间查询具有 projection engine 文档中列出的空间查询相同的限制。
  • 如果图层视图具有以下任何 SpatialReferences,则当前不支持空间查询:
    • GDM 2000 (4742) – 马来西亚
    • Gusterberg (Ferro) (8042) - 奥地利/捷克共和国
    • ISN2016 (8086) - 冰岛
    • SVY21 (4757) - 新加坡
参数:
query Query autocast
optional
自动转换自 Object

指定查询的属性和空间过滤器。如果未指定任何参数,则返回满足图层配置/过滤器的所有要素的对象 ID。

options Object
optional

具有如下属性的对象。

规范:
signal AbortSignal
optional

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

返回值:
类型 描述
Promise<Number[]> 解析后,返回一个数字数组,该数组表示满足查询的要素的对象 ID。
示例代码:
// 查询与图层配置匹配的所有要素的对象 ID
// e.g. definitionExpression
layer.queryObjectIds().then(function(results){
  // 将对象 ID 数组打印到控制台
  console.log(results);
});
const layer = new GeoJSONLayer({
  url: dataUrl
});

const query = new Query();
query.where = "region = 'Southern California'";

layer.queryObjectIds(query).then(function(ids){
  console.log(ids);  // 对象 ID 数组
});
refresh()
起始版本: GeoScene API for JavaScript 4.22

获取图层的所有数据。

示例:
示例代码:
// 更新查询的 customParameters 然后调用 refresh 方法从 geojson 获取新的特征
geojsonLayer.customParameters.limit = 10;
geojsonLayer.refresh();
when(callback, errback){Promise}inherited

when() 创建类的实例后,会被执行一次。该方法接受两个参数: callback 函数和 errback 函数。 callback 在类的实例加载时执行。 如果类的实例无法加载,则执行 errback

参数:
callback Function
optional

当 Promise 成功时,该函数将被调用。

errback Function
optional

当 Promise 失败时,该函数将被调用。

返回值:
类型 描述
Promise 返回回调结果的新promise,可用于 链接其他函数。
示例代码:
// 尽管此示例使用 MapView,但任何作为 Promise 的类实例都可以以相同的方式使用 when()
let view = new MapView();
view.when(function(){
  // 当 Promise resolved 时,函数将被执行
}, function(error){
  // 当 Promise 通过 rejected 抛错时,这个函数将被执行
});

事件概述

Show inherited events Hide inherited events
属性 类型 描述
{addedFeatures: Object[],addedFeatures.objectId: Number,deletedFeatures: Object[],deletedFeatures.objectId: Number,updatedFeatures: Object[],updatedFeatures.objectId: Number}
更多信息

applyEdits() 成功后触发。

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

在图层的 LayerView创建并在视图中呈现后触发。

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

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

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

在层的 LayerView 被销毁并且不再在视图中呈现后触发。

更多信息 Layer
{dataChanged: Boolean}
更多信息

如果图层设置了 refreshInterval 或调用 refresh() 方法时触发。

更多信息 GeoJSONLayer

事件详述

edits
起始版本: GeoScene API for JavaScript 4.22

applyEdits() 成功后触发。 事件 payload 仅包括成功的 edits,而不包括失败的 edits。

属性:
addedFeatures Object[]

添加成功的要素数组。

规范:
objectId Number

已添加要素的objectId 。

deletedFeatures Object[]

删除成功的要素素组。

规范:
objectId Number

已删除要素的objectId 。

updatedFeatures Object[]

更新成功的要素数组。

规范:
objectId Number

已更新要素的objectId。 

示例:
示例代码:
// applyEdits() 每次编辑成功后,这个函数将会触发
geoJSONLayer.on("edits", function(event) {

  const extractObjectId = function(result) {
    return result.objectId;
  };

  const adds = event.addedFeatures.map(extractObjectId);
  console.log("addedFeatures: ", adds.length, adds);

  const updates = event.updatedFeatures.map(extractObjectId);
  console.log("updatedFeatures: ", updates.length, updates);

  const deletes = event.deletedFeatures.map(extractObjectId);
  console.log("deletedFeatures: ", deletes.length, deletes);
});
layerview-createinherited

在图层的 LayerView创建并在视图中呈现后触发。

属性:
view View

创建 layerView 的视图。

layerView LayerView

视图中渲染的 LayerView 。

示例:
示例代码:
// 每次为此特定视图创建图层视图时,都会触发此函数。

layer.on("layerview-create", function(event){
  / 发出此事件的图层的 LayerView
  event.layerView;
});
layerview-create-errorinherited

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

属性:
view View

为图层创建图层视图失败触发这个事件的视图。

error Error

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

示例:
示例代码:
// 在创建图层的图层视图期间发生错误时会触发此函数
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 图层。

refresh
起始版本: GeoScene API for JavaScript 4.22

如果图层设置了 refreshInterval 或调用 refresh() 方法时触发。 事件有效负载指示图层的数据是否已更改。

Property:
dataChanged Boolean

指示图层的数据是否已更改。

示例:
示例代码:
// 监听图层的刷新事件以获取附件
// 对于更新的功能。
layer.on("refresh", function(event){
  if (event.dataChanged){
    const query = layer.createQuery();
    layer.queryObjectIds(query).then(function (objectIds) {
      let attachmentQuery = {
        objectIds: objectIds,
        definitionExpression: layer.definitionExpression,
        attachmentTypes: ["image/jpeg"]
      };
      layer.queryAttachments(attachmentQuery).then(function (attachments) {
        attachmentQuery.objectIds.forEach(function (objectId) {
          if (attachments[objectId]) {
            // 处理更新的附件
            let attachment = attachments[objectId];
          }
        });
      })
      .catch(function (error) {
        console.log("attachment query error", error);
      });
    });
  }
});

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