🧭 Portolan site planner

Not calibrated — px only
🗺️

Load a map screenshot to start measuring

Take a screenshot of Google Maps (satellite view works great), then paste it here with Ctrl/Cmd V, drag & drop it, or click Open… above. Saved projects are regular .html files — double-click one to reopen it right where you left off.

Then use the 📏 Calibrate tool: trace the map's scale bar (or any known distance) and type its real length. After that, every shape you draw reports its true area and perimeter.

Measurements

Camp rate ft² / person

Set real-world scale

You drew a line of 0 px. Enter the real distance it represents (e.g. the value printed on the Google Maps scale bar).

Export interactive web map

Creates a single .html file — upload it to your event website and embed it with <iframe src="…" width="100%" height="600">. Visitors can pan, pinch-zoom, search, tap shapes for info, and toggle layers. Hidden zones are left out.

Attendee version shows names, zones, and each shape's “Public info” text only.
Staff version adds all measurements, capacities, group sizes, and internal notes — host it at an unlisted link.

Manage zone types

Rename, recolor, and reorder zones. “Camp” zones get people-capacity math. Deleting a zone moves its shapes to Camping (not undoable).

New zone type

Give the zone a name and color. Check the box if plots in this zone should get people-capacity math like camping does (e.g. a Royal encampment).