返回 PopupTemplate 要素图层中的所有属性（字段） - ArcGis Javascript
Posted
技术标签:
【中文标题】返回 PopupTemplate 要素图层中的所有属性（字段） - ArcGis Javascript【英文标题】：Return all the attributes(fields) in a feature layer for a PopupTemplate - ArcGis Javascript 【发布时间】：2022-01-11 11:19:04 【问题描述】：有没有办法为 PopupTemplate 返回要素层中的所有属性（字段），而无需在 Angular 的 fieldInfos 对象中声明所有属性（字段）？
.ts
const template =
title: "NAME in COUNTY",
content: ,
fieldInfos : fieldInfos
;
const layer = new FeatureLayer(
url: this.featureLayerUrl,
visible: true,
popupTemplate : template
);
var fieldInfos = layer.map(layer.fields, function(field)
return
"fieldName": field.name,
"label": field.alias,
"visible": true
webmap.add(layer);
.html
<!-- Map Div -->
我正在使用 arcgis-js-api 版本 4.2.1。 但是当我使用这个例子时，它正在工作。 （但我想动态设置这些字段。）
const fields = [
name: "NAME",
alias: "Name",
type: "string"
,
name: "County",
alias: "County",
type: "string"
,
const config =
fields: fields,
title: "County land"
;
【问题讨论】：
【参考方案1】：如果你只是想创建默认的弹出模板（包含所有字段的表格），那么你只需要使用FeatureLayer函数createPopupTemplate，它会为你做所有事情（ArcGIS JS API - FeatureLayer createPopupTemplate）。
现在如果你想做一些额外的配置，你可以使用相同的方法或popupUtils 方法，它有一个额外的参数。
这是我为您制作的一个示例，以展示可能的用途，我所做的只是更改 alias 的值以使其看起来更好。
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<title>FeatureLayer field and popup example - 4.21</title>
<link rel='stylesheet' href='https://js.arcgis.com/4.21/esri/themes/light/main.css' />
<script src='https://js.arcgis.com/4.21/'></script>
<style>
html,
body,
#viewDiv
padding: 0;
margin: 0;
height: 100%;
width: 100%;
</style>
<script>
require([
'esri/views/MapView',
'esri/Map',
'esri/layers/FeatureLayer',
'esri/support/popupUtils'
], function (MapView, Map, FeatureLayer, popupUtils)
const layer1 = new FeatureLayer(
url: 'https://services9.arcgis.com/RHVPKKiFTONKtxq3/arcgis/rest/services/USGS_Seismic_Data_v1/FeatureServer/1'
);
const layer2 = new FeatureLayer(
portalItem:
id: "f9e348953b3848ec8b69964d5bceae02"
);
const layersToCreateMyPopupTemplate = [layer2, layer1];
const map = new Map(
basemap: 'gray-vector',
layers: layersToCreateMyPopupTemplate
);
const view = new MapView(
map: map,
container: 'viewDiv',
center: [-98, 40],
zoom: 4
);
const toNiceName = function(text)
if (!text)
return null;
return text
.toLowerCase()
.split(/_|__|\s/)
.join(' ');
;
const createMyPopupTemplate = function(layer)
console.log(layer.fields); // layer fields
const config =
fields: layer.fields.map(field => (
name: field.name,
type: field.type,
alias: toNiceName(field.alias)
)),
title: toNiceName(layer.title)
;
console.log(config); // config parameter
return popupUtils.createPopupTemplate(config);
for (const layer of layersToCreateMyPopupTemplate)
view.whenLayerView(layer).then(function (layerView)
const popupTemplate = createMyPopupTemplate(layer)
console.log(popupTemplate); // popup template
if (!popupTemplate)
console.log("FeatureLayer has no fields.")
else
layer.popupTemplate = popupTemplate;
);
);
</script>
</head>
<body>
<div id='viewDiv'></div>
</body>
</html>示例中config 变量的fields 属性自动转换为esri/layers/support/Field 的实例，这与PopupTemplate 类型为FieldInfo 的fieldInfos 属性不同。
【讨论】：
这太棒了！！但是，我遇到了这种错误。 config 不可分配给“配置”类型的参数。属性“字段”的类型不兼容。另外我还有 2 个图层，我也想获取该图层的所有字段，这可能吗？ 我更新了问题。请看一看。 我已经更新了sn-p并添加了额外的与..相关的信息。如果你想使用它直接放入弹出模板的fieldInfos，你需要适应它，至少1 ) name for fieldName, 2) 删除 type, 3) alias for label以上是关于返回 PopupTemplate 要素图层中的所有属性（字段） - ArcGis Javascript的主要内容，如果未能解决你的问题，请参考以下文章
ARCGIS中怎样选择出两个面图层中形状完全相同的要素（不是相交的要素）
GlobalMapper精品教程049：空间查询方法（谓词）汇总