IconSymbol3DLayer

IconSymbol3DLayer is used to render Point geometries using a flat 2D icon (e.g. a circle) with a PointSymbol3D in a SceneView.

Referenced by: PointSymbol3D, PolygonSymbol3D

Properties

Property	Details
anchor	Valid values: bottom, bottomLeft, bottomRight, center, left, relative, right, top, topLeft, topRight
anchorPosition[]	When anchor equals relative, this property specifies the position within the icon that should coincide with the feature geometry. Otherwise it is ignored. The position is defined as a factor of the icon dimensions that is added to the icon center: positionInIcon = (0.5 + anchorPosition) * size, where size is the original size of the icon resource.
angle	Rotation angle in degrees. The rotation is defined in screen space, with a rotation of 0 degrees (default value) pointing in the direction of the Y-axis. Positive values indicate clockwise rotation.
enable
material	The material used to shade the geometry.
outline	Sets properties of the outline of the IconSymbol3DLayer. See outline properties table.
resource	The shape (primitive) or image URL (href) used to visualize the features.
size	Icon size in points, positive only
type	Specifies the type of symbol used. Valid value of this property Icon

outline properties

Property	Details
color	Color is represented as a three or four-element array.
size	Outline size in points, positive only
transparency	The value has to lie between 100 (full transparency) and 0 (full opacity).

Icon symbol layer Example

{
  "type": "Icon",
  "resource": {
    "primitive": "kite"
  },
  "material": {
    "color": [
      255,
      255,
      255
    ]
  },
  "size": 12,
  "angle": 90,
  "anchor": "bottom",
  "outline": {
    "size": 1,
    "color": [
      0,
      0,
      0
    ]
  }
}

Icon symbol layer with custom anchor in the bottom right region of the icon Example

{
  "type": "Icon",
  "resource": {
    "href": "http://hostname/icon.png"
  },
  "size": 12,
  "anchor": "relative",
  "anchorPosition": [
    0.25,
    0.4
  ]
}