The OpenStreetMap element adds a map to any page from a set of coordinates — perfect for a “Find us” section, a store or office location, or a venue on an event page. It renders using OpenStreetMap’s official embed, so it needs no API key, no account, and no billing — the privacy-friendly counterpart to the Google Map element.
You set the center of the map with a latitude and longitude, and choose how far it’s zoomed in. A single marker is placed at the center.
Adding a map
Drop the OpenStreetMap element onto your page, then open its Settings panel to configure it.
| Setting | What it does | Default |
|---|---|---|
| Latitude | The north–south coordinate of the map’s center, from -90 to 90. Required — the map needs both latitude and longitude to render. | 47.6875 (sample) |
| Longitude | The east–west coordinate of the map’s center, from -180 to 180. Required — the map needs both latitude and longitude to render. | 17.6504 (sample) |
| Zoom | How close the map is zoomed in, from 0 (whole world) to 19 (street and building level). Around 14 shows a neighborhood. | 14 |
| Map style | The visual style of the map. Choose from Standard, CyclOSM, Cycle Map, Transport Map, and Humanitarian. | Standard |
| Lazy load | When on, the map only loads as the visitor scrolls near it, which helps page speed. | On |
Finding your coordinates
To get the latitude and longitude for a location, open it on openstreetmap.org. The two numbers appear in the page URL after #map=, in the form zoom/latitude/longitude. You can also right-click the exact spot on the map and choose Show address. Copy the latitude and longitude into the matching fields.
Good to know
- The map may not appear inside the editor. Browser iframe security rules can block the preview in the editor context. This is not an error — the map renders correctly on the live page.
- One marker only. The embed shows a single marker at the map’s center. Multiple markers, custom marker icons, and popups aren’t supported by this element.
- Sizing. The map fills its container. You can restyle it like any other element on the Style tab.
- Attribution. The “© OpenStreetMap contributors” credit is shown on the map. It’s required by OpenStreetMap’s license, so leave it visible.
Privacy / GDPR: Because there’s no API key and no Google involved, this is the more privacy-friendly way to show a map. The map still loads from openstreetmap.org when the page renders, so the visitor’s browser does contact OpenStreetMap’s servers — keep that in mind if you need consent-gated embeds.