Geofence Zones
Static map blueprint with polygon and radius zones above ruled rows pairing each zone with its trigger rule, event count, and toggle.
Static map blueprint with polygon and radius zones above ruled rows pairing each zone with its trigger rule, event count, and toggle.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Geofence Zones is the zone monitoring panel, a static map blueprint with three zones drawn over a street grid: Depot perimeter as a solid polygon with vertex handles, Downtown service area as a dashed 3 km radius circle with a measured radius line, and Airport pickup lot drawn muted while paused. Below the map, ruled rows pair each zone with a shape swatch, its kind and size, the trigger rule, the event count for today, and an active toggle, with a Paused badge on the inactive row.
Zones are one array with shape, rule, event, and active fields; the paused state dims the zone on the map and zeroes its counter so the two surfaces never disagree. The map is self-contained inline SVG with no tile provider or embed.
Reach for this block in fleet, logistics, and asset tracking products where teams define areas that trigger alerts or logs. Wire the toggles to your geofence API and the event counts to the last day of enter and exit events.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the fleet operations geofence list. Other zone surfaces:
Tip: pause a zone instead of deleting it when rules change seasonally; history stays attached and the muted rendering makes the paused state obvious.