Evergreen farms (pos)

Today I created a new Map Page where all job locations are displayed on the Google Map. I added a sidebar to show each job’s details such as job title, status, and address. I also set the company’s default location (Cumming, GA – 34.212168, -84.204544) as the fixed starting map position instead of using the user’s GPS location. The map now loads with the company headquarters as the center point and displays all job markers correctly.

• 1. Research: Google Directions API vs Routes API
• Compared performance, features, costs, and limitations.
• Confirmed Routes API is best for multi-stop job optimization.
• 2. Integrated Google Routes API
• Implemented POST request to directions/v2:computeRoutes.
• Added routing payload (origin, destination, intermediates, optimizeWaypointOrder, traffic-aware).
• Added Google headers + field masks.
• 3. Implemented Polyline Decoding & Map Rendering
• Decoded polyline using geometry library.
• Added fallback polyline decoder.
• Rendered optimized route with directional arrows.
• 4. Extracted & Validated Job Locations
• Handled both job and job.jobId structures.
• Built consistent job-location objects.
• Added hashing to avoid unnecessary re-renders.
• 5. Built Full UI for Optimized Route Summary
• Added summary cards (distance, time, stops).
• Built job list panel (address, status, schedule, coordinates).
• Added markers for shop, user's location, and job stops.
• Added legend + route status UI.