Build Your Map
Step 7: Style your map
Set fonts, colors and shapes so the map matches your brand.
Two groups control how MapFlow looks: Text Styles and Appearance.
Text Styles
Four font controls cover all text. Each lets you choose family, size, weight, line height and letter spacing.
Style | Used for | Has its own color |
|---|---|---|
Heading | Titles in the popup and sidebar | Yes |
Body | The popup description | Yes |
Info | Address, details, rating, pills and search | Yes |
Button | The popup button | No |
Appearance
Set the map Radius and Background (the color shown while the map loads).
Where to find each color
What | Where |
|---|---|
Active pill and buttons | Sidebar, Accent |
Pill borders, search box and its icon | Sidebar, Border |
Popup card color and corner radius | Popup, Background and Radius |
Map corner radius and loading color | Appearance |
Map style
Under Map Styling, pick a preset or paste a custom style. Custom styles work without a Map ID. With a Map ID, style the map in Google Cloud.
Next: Step 8, fine-tune how it behaves.
Any other questions? hello@7synctech.com