Skip to content

Directions and routes

[rmaps_engine_switcher]

Turn any listing into a one-tap route

Every popup ships with a "Get directions" button that opens a dedicated left-edge sidebar: enter your starting address, hit Go, and you get the route on the map with a full turn-by-turn step list — backed by Google Maps, Mapbox or MapTiler under the same UI. Visitors can also message the listing directly from a matching contact sidebar without ever leaving the map.

What's on this map

One-click directions

Click Get directions on any popup and a left-anchored sidebar slides in with a starting-address form. Hit it a second time on the same popup and the panel collapses — click another popup's button and the destination switches without closing the sidebar.

Address autocomplete & my location

Start typing a street and live suggestions drop from Google Places / Mapbox Geocoder. Prefer your current GPS? Click the pin icon — the browser asks once, the field fills in, and Go is one tap away.

Route on the map

The route polyline draws the moment the directions service responds. Distance and duration appear at the top of the sidebar; the polyline lives on the map even if you collapse the panel, so you can keep referring to it.

Turn-by-turn steps

Every manoeuvre shows up as a numbered step — instruction, distance, duration. Long routes (50 + steps) get their own scoped scroll so the popup body never has to grow with the route.

Hover to highlight, click to fly

Hover any step in the list and the corresponding road segment lights up in amber on the map. Click a step and the camera pans to that manoeuvre with the highlight locked — click again to release.

Contact form sidebar

The Send message button opens a sibling sidebar with the listing's contact form (built-in or a Contact Form 7 shortcode). Mutually exclusive with the directions panel, so the left edge never doubles up.

Try this

  • Click "Get directions" on any popup — a sidebar slides in from the left with a starting-address form.
  • Tap the pin icon in the address input — your browser geolocation fills the field instantly.
  • Hit Go — the route paints on the map and the step list appears below the form.
  • Hover a step in the list — the corresponding map segment lights up; click to pan the camera to it.
  • Click "Send message" — a second sidebar takes over with the listing's contact form.
  • Re-click the same button to dismiss either panel — toggle UX on both buttons.