# Shadcn Map blocks

> Map-first operations pages for fleet dispatch, delivery routes, service areas, and location analytics.

- Type: Pro blocks (Solutions)
- Page: https://reui.io/blocks/solutions/map
- Blocks: 1
- Installs with a ReUI Pro or Ultimate license; setup: https://reui.io/docs/license-setup

## When to use

- Dispatch and fleet pages where the work happens on a real street map: vans, routes, stops and their exceptions
- Location operations that need analytics beside the map and actions on what the map shows

## When not to use

- Stock, warehouse and shipping fulfillment with no live map of vehicles or routes: use the [Inventory blocks](https://reui.io/blocks/solutions/inventory.md)
- Appointments booked by time slot and staff member: use the [Bookings blocks](https://reui.io/blocks/solutions/bookings.md)
- A 3D model of a site, a machine or a venue rather than a street map: use the [Digital Twin blocks](https://reui.io/blocks/solutions/digital-twin.md)

## Agent notes

- Blocks render with `maplibre-gl` 6 and OpenFreeMap tiles: no key, commercial use allowed, attribution stays visible on the map
- The map-prefixed files in each block are a domain-free map kit you can lift whole; pass `mapStyles` to swap the basemap
- Each block keeps the Heron Run world in its own `data.ts` with `NOW` as the frozen clock; swap the records, keep the rules

## Third-party libraries

- Recharts v3: [API reference](https://recharts.github.io/en-US/api/), [docs](https://recharts.github.io/en-US/guide/getting-started/), used by 1 of 1 blocks
- TanStack Table v9: [API reference](https://tanstack.com/table/v9/docs/framework/react/reference/index), [docs](https://tanstack.com/table/v9/docs/framework/react/quick-start), used by 1 of 1 blocks
- MapLibre GL JS v6: [API reference](https://maplibre.org/maplibre-gl-js/docs/API/), [docs](https://maplibre.org/maplibre-gl-js/docs/), [llms.txt](https://maplibre.org/maplibre-gl-js/docs/llms.txt), used by 1 of 1 blocks
- cmdk v1: [API reference](https://github.com/dip/cmdk#parts-and-styling), [docs](https://github.com/dip/cmdk), used by 1 of 1 blocks
- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started), used by 1 of 1 blocks

## Blocks

- [Dispatch Map](https://reui.io/blocks/solutions/map/solution-map-1.md): Fleet Dispatch Map with Live Routes, Van Detail Panel, Stop Reassignment and Van List. Best for a dispatcher's live street map of a delivery fleet with route ETAs, range checks, a vehicle twin and a van grid.

Every ReUI item has a twin like this one; the index is https://reui.io/llms.txt. Agents with the ReUI MCP (https://reui.io/docs/mcp) get the same guidance from the getters named above.