Skip to content

Scheme

Preset plotting schemes for common graphics and tactical arrows.

Each export in this module is a PlotScheme object that can be passed directly to usePlot().operate().

That means a scheme is not just a shape. It also defines:

  • the initial Cesium entity or entities to render
  • how the shape updates while the mouse moves
  • when the plot is considered complete
  • which skeletons are attached for editing the sampled positions

Exports

Basic graphics

ExportPurpose
PlotSchemePointPoint marker scheme
PlotSchemeBillboardBillboard marker scheme
PlotSchemeBillboardPinBuilderPin-style billboard scheme
PlotSchemeLabelLabel scheme
PlotSchemeCylinderCylinder scheme
PlotSchemeEllipseEllipse scheme
PlotSchemeRectangleRectangle scheme

Paths and polygons

ExportPurpose
PlotSchemePolylineStraight polyline scheme
PlotSchemePolylineCurveCurved polyline scheme
PlotSchemePolygonFilled polygon scheme
PlotSchemePolygonSmoothSmooth polygon scheme
PlotSchemePolygonArcArc-shaped polygon scheme

Tactical arrows

ExportPurpose
PlotSchemePolygonArrowAttackDirectionAttack-direction arrow scheme
PlotSchemePolygonArrowAttackDirectionTailedTailed attack-direction arrow scheme
PlotSchemePolygonArrowClampedClamped arrow scheme
PlotSchemePolygonArrowStraightStraight arrow scheme
PlotSchemePolygonArrowStraightSharpSharp straight arrow scheme
PlotSchemePolygonArrowUnitCombatOperationUnit-combat-operation arrow scheme
PlotSchemePolygonArrowUnitCombatOperationTailedTailed unit-combat-operation arrow scheme
PlotSchemePolygonAssemblingPlaceAssembling-place arrow scheme

How to think about them

  • Basic graphics are the simplest schemes. They usually create one entity and keep it in sync with the sampled position or positions.
  • Paths and polygons add vertex editing, midpoint insertion, and shape closure logic on top of the base render loop.
  • Tactical arrow schemes lean on @vesium/geometry to turn sampled coordinates into more specialized polygon shapes.
  • If you need interaction, pair a scheme with the skeletons it exports or composes internally.

Usage

ts
const { operate } = usePlot();

await operate(PlotSchemePolygon);
await operate(PlotSchemePolygonArrowStraight);

Type Definitions

typescript
export * from './Billboard';
export * from './BillboardPinBuilder';
export * from './Cylinder';
export * from './Ellipse';
export * from './Label';
export * from './Point';
export * from './Polygon';
export * from './PolygonArc';
export * from './PolygonArrowAttackDirection';
export * from './PolygonArrowAttackDirectionTailed';
export * from './PolygonArrowClamped';
export * from './PolygonArrowStraight';
export * from './PolygonArrowStraightSharp';
export * from './PolygonArrowUnitCombatOperation';
export * from './PolygonArrowUnitCombatOperationTailed';
export * from './PolygonAssemblingPlace';
export * from './PolygonSmooth';
export * from './Polyline';
export * from './PolylineCurve';
export * from './Rectangle';
//# sourceMappingURL=index.d.ts.map