Skip to content

Add interactive customer robot map#87

Open
crawfordkid2 wants to merge 8 commits into
mainfrom
customer-map
Open

Add interactive customer robot map#87
crawfordkid2 wants to merge 8 commits into
mainfrom
customer-map

Conversation

@crawfordkid2
Copy link
Copy Markdown
Contributor

Solving issue #86
Customer Map Report

Added a new interactive robot map to the customer webapp home page.

Changes included:

  • Created a new customer-map branch.
  • Added the leaflet dependency for interactive maps.
  • Replaced the original static/mock map display with a real Leaflet map.
  • Connected the map to the existing robot data already used by the fleet cards.
  • Updated demo robot coordinates to Spokane, WA.
  • Centered the map around Spokane.
  • Added OpenStreetMap street tiles so the map shows roads, street names, and surrounding locations.
  • Added zoom controls and map panning.
  • Added robot markers using the existing robot status colors:
  • Available
  • On delivery
  • Charging
  • Added marker tooltips showing robot ID and status.
  • Added map attribution for OpenStreetMap.
  • Added VITE_MAP_TILE_URL support so the tile provider can be swapped later if needed.
  • The robot locations currently refresh every 5 seconds because the frontend polls /api/simulator/bots on that interval. When the simulator API is unavailable, the app falls back to Spokane demo robot data.

Verification completed:

npm.cmd run build
npm.cmd run lint

Browser check confirmed the map loads, shows street tiles, displays all 3 robot markers, and supports zooming.

@crawfordkid2 crawfordkid2 requested a review from a team May 28, 2026 22:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant