React-native-mapbox-gl: Turn by turn navigation

Created on 10 Sep 2017  路  38Comments  路  Source: nitaliano/react-native-mapbox-gl

Hi,

I know for now there's no turn by turn support for the v5. I have checked the roadmap of v6 and didn't see any mention of it. Is there any plan to add such a functionality ? I saw the native SDKs propose that functionality and advertise it as "Add turn-by-turn navigation to your app in under five minutes".

To contributors :
I don't have much experience in bridging native modules, I have a bit of experience on android, and worked on ios quite a while ago but with some effort I could get up to date with objective-c. If anyone could point me in the right direction and help me get started I could take on such a feature.
Another question, what would be the effort for integrating such a feature ?

Most helpful comment

Turn by turn navigation would be sick af for this.

All 38 comments

@aboeglin we have experimented with react native and the navigation sdk internally, but we have no official plans on supporting it as of now. Our main focus is to stabilize this repo and get the rewrite out there.

The navigation sdk components would not be part of this repo, you could imagine a world like this

react-native-mapbox-gl

  • This repo provides all the mapping components (Mapview, Sources, Layers, Markers)

react-native-mapbox-navigation

  • This repo would provide services navigation services like (Directions, Estimated Arrival time, ...etc)
  • NavigationModal (Custom/Drop In)
  • Common navigation ui components

Adding the drop in UI is pretty straight forward to do in react native(following that same pattern that the RN modal implements), but the downside is there would not be much that would be customizable. Wrapping the whole navigation sdk would be a huge undertaking and would be better off handled once this repo is in a better state.

@nitaliano Is there any eta on navigation? I'd love to use this in my next app.

@RWOverdijk there is nothing officially planned yet. I'll bring it up internally again and see where we land on it and let you know.

@nitaliano Awesome! A guide as to how to use the directions api would do as well. I can implement instructions myself (and perhaps even make it a component for react native).

@RWOverdijk we just did a blog post recently https://blog.mapbox.com/adding-directions-to-the-react-native-store-locator-kit-ade759bd824e and the store locator kit makes use of the directions API https://github.com/mapbox/store-locator-react-native.

Here is a link to our main API documentation - https://www.mapbox.com/api-documentation/#directions

We have a prebuilt JS SDK that also works on RN here is a link to the directions documentation https://github.com/mapbox/mapbox-sdk-js/blob/master/API.md#getdirections

Let me know if you need more information I would be happy to help

@nitaliano Any updates on this FR. It would be really cool to have a turn by turn navigation out of the box!

Turn by turn navigation would be sick af for this.

I agree! This would be great.

Hi, we want to integrate turn-by-turn navigation in our react native app as well!

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

I am also waiting for this feature

Any news for this feature?

+1

+1

+1

+1

+1

+1

Why wouldn鈥檛 you try to add the native modules directly to your React Native app ? There is a quick guide over here : https://medium.com/@113408/turn-by-turn-navigation-using-react-native-and-mapbox-eb42c79a0a77

+1

+1

+1

+1

+1

Any update ???

Why wouldn鈥檛 you try to add the native modules directly to your React Native app ? There is a quick guide over here : https://medium.com/@113408/turn-by-turn-navigation-using-react-native-and-mapbox-eb42c79a0a77

Only for IOS. How about for Android?????????? Android Please!!!!!!!

Any updates for the Android? We'd love support on React Native navigation!

any update for android now?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

VentsislavDinev picture VentsislavDinev  路  3Comments

smoll picture smoll  路  4Comments

kristfal picture kristfal  路  3Comments

yaduc picture yaduc  路  3Comments

digitaldavenyc picture digitaldavenyc  路  4Comments