taxigy / react-relay-map-example

🍴🗺

React + Relay + map example

To run, put files

• shipments.json,
• customers.json, and
• trackingEvents.json

to the project folder root, do classic

npm install; npm start

and then

open http://localhost:3000

to see the map with shipment routes.

Leaflet

The map engine is Leaflet.

Reference to tile layer "Stamen.Watercolor" is generously provided by Leaflet extras.

TODO

• Add the map
• Place markers to the map where current location of a freight is
• Draw lines to represent routes
• Check if latest point of route is equal to or close to destination (how close?)
• Legend with all the customers and shipments, highlight route on hover, a pinch of interactivity.