Back to documentation

Map

A map that uses tiles from OpenStreetMap by default.

Information

Plan: Pro
Added at: 2026-04-09

Properties

PropertyTypeDefault
Center - Latitude
number
55.60930927366408
Center - Longitude
number
12.999911968422987
Center - Popup content
string
""
Scroll wheel zoom
boolean
true
Zoom
number
10
Attribution
string
"&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors | &copy; <a href=\"https://leafletjs.com\">Leaflet</a>"
URL
string
"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
Border width
string
"5px"
Border color
string
"var(--ophixor-semantic-border-secondary)"
Border radius
string
"6px"
Box shadow
string
"var(--ophixor-semantic-shadow-medium)"
Background color
string
"var(--ophixor-semantic-surface-base)"
Border width
string
"1px"
Border color
string
"var(--ophixor-semantic-border-default)"
Border radius
string
"6px"
Box shadow
string
"var(--ophixor-semantic-shadow-sm)"
Background color
string
"transparent"
Background color - Hover
string
"transparent"
Background color - Selected
string
"var(--ophixor-semantic-interactive-primary)"
Background color - Selected - Hover
string
"var(--ophixor-semantic-interactive-primary-hover)"
Border width
string
"1px"
Border color
string
"transparent"
Border color - Hover
string
"transparent"
Border color - Selected
string
"transparent"
Border color
string
"transparent"
Border radius
string
"4px"
Color
string
"var(--ophixor-semantic-text-primary)"
Color - Hover
string
"var(--ophixor-semantic-interactive-primary)"
Color - Selected
string
"var(--ophixor-semantic-text-inverse)"
Color - Selected - Hover
string
"var(--ophixor-semantic-text-inverse)"
Width
string
"100%"
Minimum width
string
"0px"
Maximum width
string
"none"
Height
string
"400px"
Minimum height
string
"0px"
Maximum height
string
"none"
Gap
string
"1rem"
Padding
string
"1rem"
Gap
string
"1rem"
Is visible
boolean
true
Selectors
array
[]
Requires consent
array
"functional"