Spatial Relationships

Drag the rectangle or line to see the Spatial Relationship legend update. You can also draw a new shape with the Sketch Tool.

This sample currently uses code from our GeoBlazor Pro extensions library.
For more information about licensing these advanced features, contact info@dymaptic.com.

Spatial relationships
Intersects: False
Contains: False
Crosses: False
EnvelopeIntersects: False
IndexIntersects: False
Overlaps: False
Touches: False
Within: False
Relation: False
Disjoint: False
EqualTo: False
About this sample

This GeoBlazor Pro sample, written in Blazor for .NET developers, demonstrates the GeometryEngine's topological relationship predicates from the ArcGIS Maps SDK for JavaScript exposed through GeoBlazor's GeometryEngine service together with the SketchWidget Razor component. The page shows a 2D dark-gray canvas basemap centered on the Santa Monica Mountains, prepopulated with a polyline and a polygon graphic that the user can drag, reshape, or replace. A SketchWidget in the upper-right corner provides update and create tools (polyline, polygon, rectangle, circle) with snapping enabled. A Spatial relationships overlay docked in the lower-right lists every relationship from the SpatialRelationship enum (Contains, Crosses, Disjoint, EqualTo, Intersects, Overlaps, Touches, Within), each updating to true or false in real time as the user edits geometry, with currently true relationships rendered in bold. The sample is intended to demonstrate how GeometryEngine evaluates each topological predicate between two geometries.

🚧 Heads up: Some samples are currently offline due to a token issue with ArcGIS. We are working with ESRI to resolve.