Lesson 3 of 8 · 3 min

The Address Search: From Property to Booking in Seconds

Master the address search bar, quick-action chips, and GPS shortcut that make booking a shoot take under 30 seconds.

The Address Search: From Property to Booking in Seconds

Video coming soon

3/8

Lesson Notes

01

The address search bar is powered by Mapbox geocoding and accepts any combination of street number, street name, city, or postal code. As you type, a dropdown shows autocomplete suggestions. Selecting a suggestion immediately navigates to /booking, passing the full address string plus latitude, longitude, and parsed address components (street, city, region, postal code, country code) as URL query parameters. The booking form reads these parameters and pre-fills accordingly, so you arrive on the booking page with the map already centred on the property.

02

The 'Use my location' chip calls the browser's Geolocation API with high-accuracy mode enabled and a 10-second timeout. Once a GPS fix arrives, it reverse-geocodes the coordinates via Mapbox and calls the same address-select handler as manual entry — routing you to /booking with the GPS-resolved address. If the browser denies location permission, the button silently does nothing; no error dialog appears because the address bar is still fully functional for manual entry.

03

The 'Latest order' chip appears only when you have at least one non-delivered, scheduled order. It shows a truncated version of the property address from your most recent active job and clicking it opens that job's task view directly — useful for quickly checking status or reviewing deliverables without navigating to Orders.

04

On iOS, the search bar functions as a navigation link rather than an interactive text field. Tapping the capsule pushes BookingView with the address field auto-focused and (if location was already resolved) a prefilledPlace passed in. The 'New order' pill also pushes BookingView but without auto-focusing the address field — the user lands on the map first and enters the address at their own pace. Both paths land on the same booking screen; the distinction is just which element gets keyboard focus first.

05

If you need to book for a property at an address you have shot before, the fastest path is: tap the search bar, begin typing the street number, and pick the matching autocomplete result. For a brand-new property you have never visited, 'Use my location' while standing outside the property is the single-tap equivalent. Both paths take you to the booking form in one interaction.

Key Takeaways

  • Selecting an autocomplete result immediately opens the booking form with address and coordinates pre-filled.
  • 'Use my location' GPS-resolves your position and books from your current location with one tap.
  • 'Latest order' is a shortcut to your most recent active job's task view.
  • On iOS, the search bar is a navigation trigger — tap it to push the booking flow with the address field focused.
Related documentation at docs.vremly.com