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 Type: String
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.
enable Type: Boolean
material The material used to shade the geometry.
outline The outline of the symbol layer.
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

Icon symbol layer Example

{
  "type": "Icon",
  "resource": {
    "primitive": "kite"
  },
  "material": {
    "color": [
      255,
      255,
      255
    ]
  },
  "size": 12,
  "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.