按类型可视化要素

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// Symbol for freeways
const fwySym = {
  type: "simple-line", // autocasts as new SimpleLineSymbol()
  color: "#30ffea",
  width: 1,
  style: "solid"
};

// Symbol for U.S. Highways
const hwySym = {
  type: "simple-line", // autocasts as new SimpleLineSymbol()
  color: "#ff6207",
  width: 1,
  style: "solid"
};

// Symbol for other major highways
const otherSym = {
  type: "simple-line", // autocasts as new SimpleLineSymbol()
  color: "#ef37ac",
  width: 1,
  style: "solid"
};

1
2
3
4
5
6
const hwyRenderer = {
  type: "unique-value", // autocasts as new UniqueValueRenderer()
  field: "CLASS",
  defaultSymbol: otherSym, // used to visualize all features not matching specified types
  defaultLabel: "Other major highways" //  used in the legend for all other types not specified
};

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const hwyRenderer = {
  type: "unique-value", // autocasts as new UniqueValueRenderer()
  field: "CLASS",
  defaultSymbol: otherSym, // used to visualize all features not matching specified types
  defaultLabel: "Other major highways", //  used in the legend for all other types not specified
  // used for specifying unique values
  uniqueValueInfos: [
    {
      value: "I", // code for interstates/freeways
      symbol: fwySym,
      label: "Interstate" // used in the legend to describe features with this symbol
    },
    {
      value: "U", // code for U.S. highways
      symbol: hwySym,
      label: "US Highway" // used in the legend to describe features with this symbol
    }
  ]
};

1
hwyRenderer.addUniqueValueInfo("I", fwySym);