Equipment Placement Mapping Tool (Demo)

← Back to Brock's portfolio

This demo runs on a mocked backend with made-up data. Pick a line item below, then tap the map to drop a pin. Drag a pin to move it, or double-tap it to edit.

Dispenser Placement

Loading record...

Initializing...

Lines

Accounted

Remaining

Inventory

Select an item, then click the map to place it. Click a pin to edit. Ctrl+Click multiple pins to apply changes in bulk. Drag empty space to pan.

Remaining only

Rooms

Exports & Data

⇧ Import Backup

drag to resize

Fit

0 selected — apply from active pin:

Pins
Delete selected pin	`Del` or `Backspace`
Duplicate selected pin	`CtrlD`
Copy selected pin	`CtrlC`
Paste copied pin	`CtrlV`
Nudge pin (small)	`←↑→↓`
Nudge pin (large)	`Shift` + arrow
Multi-select pins	`Ctrl` + click
Navigation
Pan / scroll map	Click + drag empty area
Zoom in	`Ctrl` + scroll up
Zoom out	`Ctrl` + scroll down
Deselect / close pane	`Escape`
History
Undo	`CtrlZ`
Redo	`CtrlY` or `CtrlShiftZ`
Saving
Save draft	`CtrlS`
Other
Show this panel	`?`

Pins
Place armed item	Arm an item (sidebar), then tap an empty spot
Select a pin	Single-tap the pin
Edit a pin (Properties)	Double-tap the pin
Multi-select pins	Select one, then double-tap each other pin (or ▤ Multi)
Move a pin	Drag the pin
Pin options menu	Press & hold the pin
Delete / duplicate	Double-tap to open Properties, use its buttons
Pin size	A / A in the bottom-left zoom bar
Rooms
Add a room / storage	+ Room / + Storage in the sidebar Rooms list
Show a room's dispensers	Tap the room label (opens its info popover)
Deselect a room	Tap the room label again
Rename a room	✎ on the sidebar room row
Room options menu	Press & hold the room label
Move / resize a room label	Drag the label / drag its corner handle
Move a leader-line target	Drag the colored dot
Navigation
Pan the map	Drag an empty area, or two-finger drag
Zoom in / out	Pinch, or + / − (bottom-left)
Fit / 1:1 / Center / Pins	Buttons in the bottom-left zoom bar
Full screen	⛶ in the top-left tools bar
Deselect	Tap an empty spot on the map
History
Undo / Redo	Buttons in the top-left tools bar
Saving
Save	Auto-saves; or Save Draft in the map header

Controls & Shortcuts