Appearance
Markers
Markers are point-of-interest pins placed on the map. They represent specific locations like entrances, ATMs, restrooms, or elevators.
Placing Markers
- Select the Marker tool in the editor
- Click on the map to place a pin
- Fill in the title and properties

Editing Markers
Click a marker to select it, then drag it to reposition it on the map.
Marker Properties
| Property | Description |
|---|---|
| Title | Display name shown on hover and in search |
| Description | Detailed text shown in the info card |
| Key (slug) | Human-readable identifier for SDK use |
| Type | Visual style of the pin (see below) |
| Icon | Built-in icon (curated Lucide set) or custom uploaded icon |
| Color | Pin color |
| Size | Pin size in pixels |
| Opacity | Transparency (0–1) |
| Tags | Categories for filtering |
| Images | Gallery images shown in the info card |
| Status | Status type (success, warning, error, info) and custom label |
| Address | Physical address |
| Working hours | Schedule with opening/closing times per day |
| Phone / Email / Website | Contact information |
| Rating | Numeric rating (e.g. 0–5) |
| Price | Free-text price (e.g. "$50" or "From €10") |
| Features | List of feature tags (e.g. "Wi-Fi", "Parking") |
| Occupancy | Crowdedness schedule by time of day |
| Custom button | Configurable CTA button with icon, label, and URL |
Marker Key
Use the key to reference markers in the SDK:
typescript
map.selectMarker('main-entrance') // by key
map.selectMarker('Main Entrance') // by titleMarker Types
Marker type controls the visual style of the pin:
| Type | Description |
|---|---|
| Classic | Standard pin marker (default) |
| Pulse | Animated pulsing dot |
| Drop Pin | Map-style pin with icon, dot, or plain style |
| Rounded Square | Square pin with rounded corners |
| Numbered | Pin with a number displayed inside |
| Label on Hover | Text label appears on hover |
Pin Style (Drop Pin only)
When using the Drop Pin type, you can choose the pin style:
- Icon — shows the selected icon inside the pin
- Dot — shows a colored dot
- Plain — solid pin without inner content
Icon
Each marker can have an icon displayed inside the pin. You can choose from:
- Built-in icons — a curated set of ~215 icons organized into categories (Food & Drink, Shopping, Navigation, Transport, etc.)
- Custom icons — upload your own SVG or PNG icons (max 1 MB). Custom icons are stored at the organization level and shared across all projects.
Display Options
| Option | Description |
|---|---|
| Show tooltip | Show title tooltip on hover |
| Show image in tooltip | Include thumbnail image in the tooltip |
| Show card | Show full info card when marker is selected |
| Zoom on select | Automatically zoom to marker when clicked |
| Hover animation | Animation on hover: highlight, scale, or none |
| Show schedule hints | Show "Opens soon" / "Closes soon" based on working hours |
Translations
Marker titles, descriptions, status labels, and features can be translated. See Localization.