RoofWander Website widgets
← All widgets

Listing map · Interactive

A live map of stays, on your page.

Your visitors explore real RoofWander stays without leaving your site: search a place, pan the map, open a listing. Tell us who the map is for, and we make sure it shows the right stays.

View
Theme
yourwebsite.com/plan-your-trip

Live preview · real listings · the controls above show a few of the settings we choose with you

Best for

Where the map works best.

Destination and route guides

Let readers see every stay along the coastline, region or route your page covers.

Event and festival travel pages

Help visitors plan the trip and find a stay for the nights around your event.

Partner sites with a national focus

Show only the stays in your country, under your brand badge, in your language.

Tighter spaces — an article, a sidebar, a campaign page — usually suit the listing carousel better.

Capabilities

What the map does.

Configuration

What we configure for you.

Option What can be configured How it is set
Scope Countries, regions, a radius around a place, or a hand-picked selection of stays Configured by RoofWander
Starting view The area the map opens on, and whether it fits itself to results Chosen together at setup
Language Interface and listings in any of the seven supported languages Chosen together at setup
Appearance Theme, map style and the brand badge shown on the map Chosen together at setup
Controls Search, country filter and reset — each can be shown or hidden Chosen together at setup
Referral & domains Your referral code, and the websites approved to show the map Configured by RoofWander

Live examples

Partners using the map.

rttfestival.com

RTT Festival

A worldwide map for festival visitors planning the drive in. Clear theme on a light map style, with every listing click attributed to the festival.

  • Scope · Worldwide
  • Theme · Clear
  • Referral · Active
Open their live map ↗

milleroutes.com

Mille Routes

A francophone route-planning site showing only France and Belgium stays, in French, under its own brand badge.

  • Scope · FR + BE
  • Locale · Français
  • Brand · Mille Routes
Open their live map ↗
Technical details

For the person who will paste the snippet. Your RoofWander contact sends the exact, tested markup for your site — these examples only show its shape.

Direct iframe

<iframe
  src="https://embed.roofwander.com/map?partner=your-partner-id"
  width="100%" height="650" style="border:0" loading="lazy">
</iframe>

Loader script

<div data-roofwander-map data-partner="your-partner-id" data-height="650"></div>
<script async src="https://embed.roofwander.com/static/loader.js"></script>

Optional visible attribution

<a href="https://www.roofwander.com/?ref=your-partner-id">Powered by RoofWander</a>
  • Size — full container width; 560–650 px tall works well on desktop.
  • Languages — en, it, fr, de, es, nl, pt; the loader can follow your page language.
  • Isolation — the map runs in its own iframe on embed.roofwander.com; the optional loader is the only script on your page.
  • Domains — embedding is locked to the websites approved for your configuration.
  • Performance — listings are cached at the edge and refreshed continuously.

Managed setup

How the map goes live.

  1. Discuss

    Tell us about your website, your audience and what you want the map to do.

  2. Configure

    We choose the listings, set the languages, look and referral tracking, and approve your website.

  3. Install

    You paste one tested snippet where the map should appear.

  4. Validate

    We check the live page with you and confirm everything works.

Start here

Request the listing map.

Tell us where the map would live and what it should show. No account needed, and asking commits you to nothing.

We reply within two working days.