Live Demo

Three mock partner pages, each driving a real Wander embed over the postMessage bridge, with a live event log showing the traffic in both directions.

Travel article — POI mentions in the copy fly the map to each place, and map selections highlight the related paragraph. It opens in SDK mode; switch to the URL-rewriting integration to see what the bridge replaces.

Multi-day itinerary — a three-day trip where the day tabs are rendered by the host page from the embed’s own itineraryChanged payload, and stay in sync whichever side changes the day.

Listing map — a filtered directory page that hands the embed whatever POIs it is currently showing, with card-to-pin and pin-to-card selection.

Both newer demos put the map in a bottom-sheet drawer on narrow viewports, so tapping a stop opens the map over the list instead of asking the visitor to scroll. Resize the window past 820px to see the same embed as a sticky column. See Itineraries & listing maps for the code.

Run them yourself

Each demo is a single HTML file. Open one, view its source and copy it: it loads the SDK from this site and talks to the production embed. The demos load the moving wander-embed.js; for your own site, pin a version with its integrity hash.

For a production site built on the same pieces, see Real-world example: Explore Julian.