Appearance and popups
Set point sizes and project branding
Where
Map then Map Styling
Control the appearance of markers, shapes and project interface accents.
Steps
- Open Map Styling on the Map tab.
- Adjust Availability point size and Information point size separately between 12 and 180px.
- Under Colours & branding set Accent colour, Accent text colour and UI text colour. Accent text colour controls map labels and leader lines (default #454545). UI text colour independently controls viewer controls and panels (default dark grey #253447), so map labels can be light while buttons remain readable. Filled action buttons retain automatic contrast against their background. Saved project choices are retained.
- Expand Areas & polygons, which starts collapsed, to set shared fill opacity and outline thickness. Information areas have separate fill and outline colours; Availability areas use their status colour.
- Under Labels & leader lines set font size, line thickness and separate image/map and 3D distances. Enable labels and lines in each Information point’s Icon field.
- Preview the result at realistic desktop and mobile sizes, then publish.
Expected result
The selected branding applies across the project’s backgrounds. Information icon artwork scales inside its marker.
Tips and limits
Marker diameter ranges from 12 to 180px. Label text ranges from 10 to 48px; leader thickness from 1 to 8px. Image/map distance is 12–240px; model distance is 1–50% of the normalized model’s longest dimension. Map label text and leader lines use Accent text colour; label backgrounds use Accent colour. Viewer interface text uses the separate UI text colour. There is no general project logo-upload control.
For Availability geometry fill and outlines, use the separate 3D geometry section. See Style clickable geometry with fill and outlines.
Image background sizing
Select an image background, then open Map Styling → Map sizing. The choice applies only to that background.
- Fit width (horizontal): shows the full width; a tall image may extend above and below the viewport.
- Fit height (vertical): shows the full height; a wide image may extend to either side.
- Show full image: keeps all edges visible, with space around the image where needed.
- Fill viewport: fills the screen and may crop edges.
- Current behaviour: preserves the original editor fit and public viewer fill.
Points and polygons remain attached to the image. Changing the fit resets the current pan and zoom; the Fit map button returns to the chosen fit. Check Preview on desktop and mobile.
Effect on the published viewer
Branding and image sizing are draft appearance and need publishing.