Function AnnotationsLayer

Use the AnnotationsLayer component to register and configure a layer for adding annotations. This needs to be added as a child of the Annotations component.

Example

<Annotations>
 <AnnotationsLayer
  id="wellbore-labels"
  name="Wellbore Labels"
  priority={4}
  anchorSize={5}
  anchorColor='cyan'
  connectorWidth={1.5}
  distanceFactor={1000}
  labelOffset={50}
  minDistance={1}
  maxDistance={10000}
  anchorOcclusionRadius={20}
  labelComponent={WellboreAnnotationLabel}
  onClick={(annotation: AnnotationComponentProps) => {
    dispatchEvent(new CameraFocusAtPointEvent({ point: annotation.position, distance: 500 }))
  }}
 />
</Annotations>

Remarks

The AnnotationsLayer component is for adding and configuring a layer. Annotations are added to a layer using the useAnnotations hook with a layer id and a user defined scope.

See

Settings