Mapbox Navigation Integration in React Native #3999
Replies: 1 comment · 3 replies
-
|
There's expo-mapbox-navigation and react-native-mapbox-navigation I'm also thinking on doing a new one allowing integration with @rnmapbox/maps, but I only have some prototype at the moment |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the info! A new integration with @rnmapbox/maps sounds great. If you ever share the prototype, I’d be interested in trying it out and contributing. |
Beta Was this translation helpful? Give feedback.
-
|
Hey @mfazekas , do you think we can input custom routes (mines are from Graphhhopper) inside of theses libraries ? instead of mapbox API routes calculations? thank you |
Beta Was this translation helpful? Give feedback.
-
|
Hey @GeoffreyFardeau, directly inputting custom routes into these libraries from React Native alone isn’t possible. If you want to use routes from Graphhopper, we’d need to create a custom bridge using Kotlin (for Android) and Swift (for iOS). Once that bridge is implemented, it would be possible to integrate and use custom routes with the Mapbox Navigation SDK in React Native |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Hi everyone,
I'm working on a React Native project and I want to integrate Mapbox navigation functionality. Specifically, I want to:
Display a route between two points on the map.
Provide turn-by-turn navigation instructions.
Update the route in real-time as the user moves.
Possibly include options like avoiding tolls or highways.
So far, I've used @rnmapbox/maps for displaying maps, but I'm not sure how to implement navigation properly. I've seen Mapbox Navigation SDKs for Android/iOS natively, but the React Native integration is unclear.
Some questions I have:
Is there a React Native wrapper for Mapbox Navigation SDK that works well?
How can I handle real-time route updates as the user moves?
Any suggestions for customizing navigation UI (like next-turn cards, ETA, etc.)?
Are there any performance considerations I should keep in mind for mobile?
If anyone has experience with React Native + Mapbox navigation, it would be great to get some examples or guidance.
Thanks in advance!
Beta Was this translation helpful? Give feedback.
All reactions