使用客户端图形创建 FeatureLayer

尝试一下在线预览

此示例显示如何从客户端图形创建 FeatureLayer。图形是根据从一组图像的 EXIF 数据中提取的 GPS 数据创建的。

使用客户端图形创建 FeatureLayer 需要以下步骤:

  1. FeatureLayer.source 属性上设置一组图形。所有图形必须具有相同的几何类型。
  2. 指定一个字段对象数组,这些对象提供每个属性字段的架构(名称、别名和类型)。
  3. objectID 字段属性设置为包含 source 属性中每个要素的唯一 ID 的字段。

一旦在图层上设置了上述要求,就可以设置其他图层属性(例如 rendererpopupTemplate),从而允许您利用 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);

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