Line markers and label placement

1
2
3
4
5
6
7
8
9
10
11
12
13
const lineSymbol: {
  type: "line-3d",   // autocasts as new LineSymbol3D()
  symbolLayers: [{
      type: "line",   // autocasts as new LineSymbol3DLayer()
      material: { color: [121, 72, 0] },
      size: "3px",
      marker: {
        type: "style",    // autocasts as new LineStyleMarker3D()
        style: "arrow",
        placement: "end"
      }
    }]
  }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const labelSymbol = {
  type: "label-3d", // autocasts as new LabelSymbol3D()
  symbolLayers: {
    type: "text", // autocasts as new TextSymbol3DLayer()
    material: { color: "black" },
    size: 16, // Defined in points
    background: {
      color: [236, 232, 221, 0.7]
    },
    font: {
      family: "IM FELL DW Pica",
      style: "italic",
      weight: "normal"
    }
  }
};

1
2
3
4
5
6
7
labels.labelingInfo = {     // autocasts as new LabelClass()
  symbol: labelSymbol,
  labelExpressionInfo: {
    expression: labelExpression
  },
  labelPlacement: "above-left",
}

1
2
3
view.environment.lighting = {
  type: "virtual"    // autocasts as new VirtualLighting()
}