https://jmurret.github.io/bike-map/
A map of on-demand bike vendors in cities around the world. A simple POC to explore the capabilities of react-map-gl.
Uses the free api at api.citybik.es. I really appreciate that they share this data.
- Create .env.local file at project root.
- Add
REACT_APP_MAPBOX_TOKEN=<your mapbox api key>to this file and save it. (this was bootstrapped form Create React App) npm start- Open http://localhost:3000 to view it in the browser.
-Some locations have a center point that is a little off with the default zoom level for the city. Try a few and you will see. Denver and Portland to name a few work really well.
-Integration tests in App.test.js highlight the value of integration tests. Achieving the same full tests coverage of almost 100% as unit tests (not including map related tests as I try to find the best way to test). Integration tests are capturing the desired interaction and the implementation can be change yet still support these tests.
John Murret ([email protected])