尝试一下在线预览此示例显示如何从客户端图形创建 FeatureLayer。图形是根据从一组图像的 EXIF 数据中提取的 GPS 数据创建的。
使用客户端图形创建 FeatureLayer 需要以下步骤:
- 在 FeatureLayer.source 属性上设置一组图形。所有图形必须具有相同的几何类型。
- 指定一个字段对象数组,这些对象提供每个属性字段的架构(名称、别名和类型)。
- 将 objectID 字段属性设置为包含
source
属性中每个要素的唯一 ID 的字段。
一旦在图层上设置了上述要求,就可以设置其他图层属性(例如 renderer 和 popupTemplate),从而允许您利用 FeatureLayer 的优势,例如客户端查询和快速视觉更新。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
const layer = new FeatureLayer({
source: graphics, // array of graphics objects
objectIdField: "OBJECTID",
fields: [{
name: "OBJECTID",
type: "oid"
}, {
name: "url",
type: "string"
}],
popupTemplate: {
content: "<img src='{url}'>"
},
renderer: { // overrides the layer's default renderer
type: "simple",
symbol: {
type: "text",
color: "#7A003C",
text: "\ue661",
font: {
size: 20,
family: "CalciteWebCoreIcons"
}
}
}
});
map.add(layer);