WP-FE-DELIVERY-MAPBOX-01 — Mapbox đặt hàng & theo dõi đơn
Domain: D-DELIVERY · Surfaces: CON · DRV Date: 2026-08-19 Status: IMP
Không SDK @rnmapbox/maps (cần EAS). Nền Mapbox Streets raster (UrlTile) + tuyến driving sẵn có (BE Mapbox/OSRM).
AC
| Màn | Việc |
|---|---|
| CON Đặt hàng | Map ~32% trên form · chạm ghim lấy/giao · pin «Lấy hàng» / «Giao đến» · polyline driving |
| CON Theo dõi | RideLiveMap nền Mapbox · zoom/bám tài xế · tuyến theo phase |
| DRV in-trip | DriverNavMap phủ Streets khi có pk. |
Thiếu EXPO_PUBLIC_MAPBOX_TOKEN (pk.) → map Google/Apple mặc định; không nhúng sk. lên client.
Token
| Env | Dùng cho |
|---|---|
EXPO_PUBLIC_MAPBOX_TOKEN (pk.) |
Raster Streets trên CON/DRV |
MAPBOX_ACCESS_TOKEN (BE, sk. OK) |
RoutingApi.directions / quote km |
Copy pk. vào mobile/.env và driver/.env. Reload Expo.
File
mobile/src/shared/maps/mapboxTiles.ts·MapboxUrlTile.tsxmobile/src/features/delivery/screens/DeliveryHomeScreen.tsxmobile/src/features/delivery/screens/DeliveryDetailScreen.tsxmobile/src/features/rides/RideLiveMap.tsx—useMapboxTiles(mặc định off)driver/src/shared/maps/mapboxTiles.ts·MapboxUrlTile.tsxdriver/src/features/trips/DriverNavMap.tsx
Verify
node --test mobile/src/shared/maps/mapboxTiles.test.ts mobile/src/features/delivery/deliveryOrder.test.ts
PASS 16/16 (2026-08-19). Quote BE vẫn haversine (không đổi API).