Map Widget
Show your rental's location on your own website with a curated, theme-matched map.
What it does
The map widget shows a rental’s location on your own website - a single styled map for one rental, or a shared map with multiple pins for a collection of your rentals. Guests see your brand-matched pin, any nearby highlights you’ve added, and a link to get directions in their own maps app. The map itself carries zoom, fullscreen, and Street View controls, and the pin card on an exact-location map links straight into Street View at your rental’s spot.
Before you start
A rental needs a saved location before it can appear on a map. Open the rental in the dashboard, go to its Location tab, and search for the address or drop the pin directly on the map - drag it to fine-tune the exact spot.
Building your map
Open the Maps tab in the dashboard, pick a rental or a collection, and the builder shows a live preview next to these controls:
| Control | What it does |
|---|---|
| Theme | Signature (default), Terrain, Coastal, Midnight, or Minimal - a fixed look that never changes with the visitor’s device theme |
| Signature color | Automatically matches your booking accent color, or set a custom color |
| Pin style | Teardrop (default), Dot, or Photo - the photo pin uses the rental’s photo, set in the rental’s Details & sync on the Rentals tab |
| Nearby highlights | Show or hide the points of interest you’ve added on the Location tab |
| Size & shape | Aspect ratio (wide 16:9, standard 4:3, or square), corner rounding, and a default zoom level |
Collection maps
A collection map shows every rental in one of your collections together on one map, with pins that cluster at busy zoom levels as guests zoom out. Turn on the rental list in the builder to add a synced list beside the map - clicking a rental in the list highlights its pin, and clicking a pin highlights its rental.
Location privacy: exact vs. approximate area
On each rental’s Location tab, choose how precisely its location shows to guests:
| Mode | What guests see |
|---|---|
| Exact pin (default) | Your exact saved location, plus any nearby highlights you’ve added |
| Approximate area | A shaded circle (250 m to 2 km, your choice) centered near your location instead of an exact pin |
Languages
The map widget supports the same 24 languages as the other widgets, detected automatically from the visitor’s browser. To force one language regardless of the visitor’s browser, add data-lang="de" to the script embed, or ?lang=de to the iframe URL.
Embedding your map
Open a rental or collection in the Maps tab and copy the ready-made snippet, or use these shapes directly. Single-rental and collection maps use the same two embed modes - swap data-rental-id for data-collection-id, and /embed/map/ for /embed/map/collection/:
Single rental
Script embed:
<script
src="https://cdn.rentalbeam.com/v1/embed.js"
async
></script>
<div
class="rentalbeam-map"
data-rental-id="YOUR-RENTAL-ID"
></div>Iframe embed:
<iframe
src="https://rentalbeam.com/embed/map/YOUR-RENTAL-ID"
title="Rental location map"
loading="lazy"
style="width:100%;aspect-ratio:16/9;border:0;border-radius:12px;display:block;"
></iframe>Collection
Script embed:
<script
src="https://cdn.rentalbeam.com/v1/embed.js"
async
></script>
<div
class="rentalbeam-map"
data-collection-id="YOUR-COLLECTION-ID"
></div>Iframe embed:
<iframe
src="https://rentalbeam.com/embed/map/collection/YOUR-COLLECTION-ID"
title="Rentals location map"
loading="lazy"
style="width:100%;aspect-ratio:16/9;border:0;border-radius:12px;display:block;"
></iframe>Plan requirements
| Feature | Free | Plus | Pro |
|---|---|---|---|
| Build, style, and preview a map in the dashboard | ✓ | ✓ | ✓ |
| Embed a map on your own website | - | ✓ | ✓ |
See plan pricing for details.