Location Map

The map half of the Location Picker: a matte-styled Google map plotting selectable SafeWay locations. With no NEXT_PUBLIC_GOOGLE_MAPS_API_KEY it falls back to a styled placeholder that still plots the pins, so the picker is reviewable without a key.

With a simulated user location

Pickup service area

The book-a-drive pickup map draws the service area as a filled zone so a student sees the covered region at a glance (here with a pickup dot inside it). The outline is a PLACEHOLDER for the real drive-time boundary, which QOLOS evaluates via the Google Maps API — a radius can't be honest across Texas markets.

Pickup and drop-off

Both ends chosen: pickup (circle) → drop-off (square), matching the address input fields. NO line joins them — a lesson isn't a trip from A to B (the instructor collects the student, drives the curriculum for an hour, drops them off), so a connector would draw a journey that doesn't happen. The map frames the two points rather than the whole area once addresses are set — and because that frame sits inside the covered zone, the service-area fill drops to an outline: a flat fill over the whole viewport would only darken the map with no boundary to show.

Address outside the service area

A drop-off beyond the covered zone takes the house critical tone (the red the Notice beside the field uses) — a real booking blocker, and red keeps it clear of the brand yellow. So the map agrees with the form instead of drawing an uncovered address as an ordinary point. And because it's out of range, the frame pulls the whole service area back in beside the point — so the distance from the covered zone reads at a glance, instead of a tight, contextless zoom on an address we can't serve. Out of area also switches the marker to a NO-ENTRY sign — a solid red disc with a white bar — so the mark itself reads as a hard blocker (a 'no' fits a gated address better than a soft caution). It stays a circle to sit in the set beside the pickup circle and drop-off square, and the solid red fill gives it the same visual weight as the black markers (a red outline read lighter and floated out).

Theme