Resources

• Mapbox: https://docs.mapbox.com/
• RN Mapbox: https://rnmapbox.github.io/
• UI: https://www.behance.net/gallery/97085269/Lime-Electric-Scooters-Experience-Reimagined

Source code

https://github.com/notJust-dev/Lime-RNMapbox

• Part 1 branch: https://github.com/notJust-dev/Lime-RNMapbox/tree/part-1

git clone -b part-1 <https://github.com/notJust-dev/Lime-RNMapbox>

Steps

• [x] Initialise a new app npx create-expo-stack

Get started with MapBox

• [x] Install Mapbox
• [x] Render Map
  • [x] Style map

<MapView style={{ flex: 1 }} styleURL="mapbox://styles/mapbox/dark-v11">

• [x] Render Camera

<Camera followZoomLevel={16} followUserLocation />

• [x] Render user location

<LocationPuck pulsing={{ isEnabled: true }} puckBearingEnabled puckBearing="heading" />

Render Markers - Scooters

• data/scooters.json