Marina Maps lets you upload images of your dock layouts and storage areas, then place interactive pins on each slip. The result is a visual, color-coded map that staff can use to manage slips and that customers can use to select slips when booking.
Maps list
The main page shows all uploaded maps for the selected location as image cards. Each card displays:
- Map image -- A thumbnail preview (click to open the pin editor)
- Name -- The map name (e.g., "Dock A", "Dry Storage Area")
- Description -- Optional description text
- Active/Hidden status -- Whether the map is visible to customers
- Display order -- The order in which maps appear
Uploading a new map
- Click Add Map in the header.
- Enter a map name (required) -- e.g., "Dock A", "North Basin", "Dry Storage Lot 2".
- Add an optional description.
- Click Select Map Image and choose a file:
- Supported formats: JPEG, PNG, WebP, SVG
- Maximum file size: 10MB
- Preview the image in the dialog.
- Click Upload.
Use aerial photos, architectural drawings, or schematic diagrams of your docks. Higher resolution images provide a better experience when zooming in. SVG format works well for schematic layouts because it scales without losing quality.
Editing map details
From the three-dot menu on any map card, select Edit Details to change the name, description, or replace the image.
Pin editor
Click a map image or select Edit Pins from the context menu to open the interactive pin editor. The editor has two panels:
Map canvas (main area)
- Zoom controls -- Zoom in, zoom out, and fit-to-screen buttons
- Slip pins -- Colored circles placed on the map, one for each assigned slip
- Drag to reposition -- Click and drag any pin to move it to the correct location on the map
Slip sidebar (left panel)
- Search -- Filter slips by unit number
- Slip list -- Shows all slips for the location with their current status and pin placement status
- Drag indicator -- Drag a slip from the sidebar onto the map to place a new pin
Pin colors
| Color | Status |
|---|---|
| Green (#4CAF50) | Available |
| Red (#F44336) | Occupied |
| Orange (#FF9800) | Reserved |
| Gray (#9E9E9E) | Maintenance or Out of Service |
Saving pins
Click Save in the editor toolbar to persist all pin positions. Pin positions are stored as X/Y coordinates relative to the map image dimensions.
Visibility control
Each map has an Active/Hidden toggle:
- Active -- The map is visible to customers on the public booking page and in the customer portal. Staff can always see it.
- Hidden -- The map is only visible to staff in the admin panel. Useful for maps that are under construction or seasonal.
Toggle visibility from the three-dot menu: Hide from Public or Show to Public.
Deleting a map
From the three-dot menu, select Delete. A confirmation dialog warns that all slips will be unlinked from the map. The slips themselves are not deleted -- only the map image and pin positions are removed.
Multiple maps per location
You can upload multiple maps for a single location -- for example, one for each dock, a separate one for dry storage, and another for mooring fields. Each map operates independently with its own set of pins.
Permissions
| Action | Required Permission |
|---|---|
| View maps | inventory_access |
| Upload new maps | inventory_add |
| Edit maps and pins | inventory_edit |
| Delete maps | inventory_delete |
Maps are location-specific. You must select a specific location (not "All Locations") to view and manage maps.
Pins not saving -- Make sure to click the Save button in the editor toolbar. Pin positions are not auto-saved.
Map image appears blurry -- Try uploading a higher-resolution image. For best results, use images that are at least 2000px wide.
Slip not appearing in the sidebar -- The sidebar shows slips for the current location. Verify that the slip is assigned to the same location as the map.