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
  ]
}

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