Skip to content

Iframe scenarios

All iframe URLs use the base host https://web.wander-app.com. The examples use real places on the Explore Julian map (c2025939-af64-4371-a281-c6818b2cd96e), so each one works as pasted. Replace the map ID and the place, list and event IDs with your own. A map ID can be the map’s UUID or its slug. To see every surface below on one page, with live previews, visit Explore Julian’s embed kit.

Use /listembed/{mapId} to render a curated list or direct set of POIs on a map.

ParameterValuesDefaultDescription
sbList UUIDNoneLoads the saved list; when both sb and pois are present, sb wins.
poisComma-separated POI UUIDsNoneLoads the specified POIs when sb is absent.
daysComma-separated day numbersAll POIs on day 1Assigns days positionally to pois; Day chips appear when the highest day is 2 or greater.
routefullNoneEnables the full animated route visualization.
routeTypedriving, walking, cyclingdrivingSets the route’s travel mode.
showNumberstrue, falsefalseShows numbered badges on POI markers.
showAllPOIstrue, falsetrueShows or hides other POIs from the map outside the curated set.
showControlstrue, falsetrueShows or hides navigation, geolocation, and recenter controls.
controlsPositiontop-left, top-right, bottom-left, bottom-rightbottom-rightPositions the map controls.
nsStringdefaultNamespaces bridge messages. Give each embed on a page its own; see Namespaces.
zNumberAuto-fitSets the initial zoom.
latNumberAuto-fitSets the initial center latitude.
lngNumberAuto-fitSets the initial center longitude.
bNumberAuto-fitSets the initial bearing.
pNumberAuto-fitSets the initial pitch.

If you omit the camera parameters, the embed fits the POIs once on initial load. With direct POIs, keep days in the same order as pois; for example, pois=a,b,c&days=1,1,2 assigns the first two POIs to day 1 and the third to day 2.

<iframe
src="https://web.wander-app.com/listembed/c2025939-af64-4371-a281-c6818b2cd96e?pois=b62841a3-7121-496d-888e-e36a6957bee7%2C55afc4f9-0702-4e82-bbab-45462396fa71%2C55937890-2b93-4df3-b78a-189fd9d52b21&days=1%2C1%2C2&route=full&routeType=driving&showNumbers=true"
width="100%"
height="500"
style="border: 0"
allow="geolocation"
title="Two days around Julian"
></iframe>

Include allow="geolocation". Without it, visitor location falls back to coarse IP location and is excluded from movement analytics. See Attribution & analytics.

To turn the embed into a map of one page’s own listings rather than the whole destination, pass that page’s POI IDs and set showAllPOIs=false:

<iframe
src="https://web.wander-app.com/listembed/c2025939-af64-4371-a281-c6818b2cd96e?pois=b62841a3-7121-496d-888e-e36a6957bee7%2C55937890-2b93-4df3-b78a-189fd9d52b21%2Cfdc78fee-9bc1-423e-8927-4650ab306674%2C48afa008-a75b-4644-aa01-ca34365bb9e6&showAllPOIs=false"
width="100%"
height="460"
style="border: 0"
allow="geolocation"
title="State parks near Julian"
></iframe>

See Itineraries & listing maps for both patterns in full, including how to keep the map in step with filters and how to present it on mobile.

Use /siteembed/{mapId} for a destination map that your site steers page by page. As a plain iframe it shows the whole map, and visitors can search, pan and open places:

<iframe
src="https://web.wander-app.com/siteembed/c2025939-af64-4371-a281-c6818b2cd96e?mode=all&bg=%23ECE5D6&controlsPosition=bottom-right"
width="100%"
height="600"
style="border: 0; display: block"
allow="geolocation"
title="Explore Julian map"
></iframe>

Add trailView=1 to open trails in Trail View, and pois= to start with a set of places lifted out. To change what the map shows without reloading it, drive it with Wander.siteMap or the bridge protocol. Every parameter is in the site embed’s URL table.

Use /{mapId} for the complete Wander map experience. This surface includes search, filters, a sidebar, POI details, events, authentication flows, and a built-in AI concierge panel.

ParameterValuesDefaultDescription
latNumberMap default, then 0Sets the initial center latitude.
lngNumberMap default, then 0Sets the initial center longitude.
zNumberMap default, then 14Sets the initial zoom.
bNumberMap default, then 0Sets the initial bearing.
pNumberMap default, then 0Sets the initial pitch.
tTag IDNoneOpens the map with a tag filter.
cCategory IDNoneOpens the map with a category filter.
sbList IDNoneOpens a saved list.
poiIdPOI IDNoneOpens a specific POI.
openNowBooleanNoneApplies the open-now filter.
open24BooleanNoneApplies the open-24-hours filter.
rangeDDate valueNoneSets the date for an hours range filter.
rangeStTime valueNoneSets the start time for an hours range filter.
rangeEtTime valueNoneSets the end time for an hours range filter.
vVersion IDNoneLoads the specified map version.
hideSignIntrueNot hiddenHides the Sign in button for partner-site embeds.

Camera values in the URL take precedence over the map’s saved defaults. If neither exists, the camera uses zoom 14, bearing 0, and pitch 0, centered at latitude 0 and longitude 0.

<iframe
src="https://web.wander-app.com/c2025939-af64-4371-a281-c6818b2cd96e?poiId=b62841a3-7121-496d-888e-e36a6957bee7&lat=41.0240&lng=-77.6461&z=13&hideSignIn=true"
width="100%"
height="650"
style="border: 0"
title="Explore Julian"
></iframe>

Use /simpleembed/{mapId} for a minimal map focused on one POI with an Explore button.

ParameterValuesDefaultDescription
poiIdPOI IDNoneSelects the POI displayed by the embed.
lat, lngNumbersThe POI’s locationCentres the map here instead. Send both.
zNumber16 with a POI or lat/lng, else 14Sets the initial zoom.
bNumberSurface defaultSets the initial bearing.
pNumberSurface defaultSets the initial pitch.
showControlsBooleanSurface defaultShows or hides map controls.
<iframe
src="https://web.wander-app.com/simpleembed/c2025939-af64-4371-a281-c6818b2cd96e?poiId=b62841a3-7121-496d-888e-e36a6957bee7&z=14&b=0&p=30&showControls=true"
width="100%"
height="420"
style="border: 0"
title="Bald Eagle State Park"
></iframe>

Use /eventsembed/{mapId} to add a map-free events calendar.

ParameterValuesDefaultDescription
viewlist, month, weekmonthSelects the initial calendar view.
event_typesComma-separated event types: music, food_drink, art, festival, market, family, outdoors, sport, class_workshop, nightlife, otherNoneFilters the calendar to the specified event types.
dateYYYY-MM-DDNoneOpens the calendar at a date.
eventEvent IDNoneDeep-links to an event.
brandingfalseShownHides the Wander wordmark when set to false.
<iframe
src="https://web.wander-app.com/eventsembed/c2025939-af64-4371-a281-c6818b2cd96e?view=list&event_types=outdoors%2Cfamily"
width="100%"
height="700"
style="border: 0"
title="Events around Julian"
></iframe>

Use /gettinghere/{mapId} for the door-to-door trip comparison. It needs a getting-here configuration on the map, and the attribution link below the iframe is required. Wander.gettingHere adds both for you.

<iframe
src="https://web.wander-app.com/gettinghere/c2025939-af64-4371-a281-c6818b2cd96e"
title="Every way here, door to door — Wander Trip Race"
allow="geolocation; clipboard-write; web-share"
loading="lazy"
style="display: block; width: 100%; height: 1100px; border: 0; border-radius: 14px"
></iframe>
<a href="https://www.wandermaps.com/?utm_source=dmo_embed&utm_medium=trip_race_sdk&utm_campaign=c2025939-af64-4371-a281-c6818b2cd96e"
target="_blank" rel="noopener nofollow">Trip planner by Wander</a>
SurfaceBridgeNotes
List embedYesCommands and events in the Embed SDK.
Site embedYesThe full bridge protocol.
Full map, simple embed, events calendar, getting-hereNoConfigure them with URL parameters only. They send no events.

/betaembed/{mapId} redirects to /{mapId} and preserves its query parameters. The older /embed?mapId= form also redirects and translates its legacy parameter names. Both remain supported, but use the current URL patterns for new integrations.