Thank you very much sir. I am a student from Indonesia. This is a very helpful video for me in doing my coursework, thank you very much! This video is true unlike other map navigation videos.
Very Very helpful...I needed this a lot, as a beginner I was so overwhelmed to work with maps, you covered everything I needed to learn. Thankyou. Please make more such videos
guys just change the hardcoded restaurants coordinates(,) in the constants folder, to restaurants coordinates near you to avoid returning Null error because of exceed distance limitation. have a great day :)
Thank you guys for the amazing comments. I would absolutely love it if you like and share the video, and also subscribe to my channel. We will keep building more amazing stuff, and explore new things together 😇 Meanwhile if you have any questions feel free to reach out!
@@rahinashraf9272 It'll be out in a couple of days! I'll also soon upload a plan for the days on which I'll release videos and type that they will be. Stay tuned!
Hi sir, your video was so helpful! I have an assignment due at the end of this week where I need to use turn by turn navigation with flutter and mapbox. I’ve been struggling to find any resources so thank you so much for considering making a video on it!! Hopefully it will be out before my assignment deadline!
Hello Sir, Very Important... Can these all features work OFFLINE in Android as well in IOS ? Please reply. Means for any fixed map can mapbox provide offline navigation?
The .env file should not be pushed to public source control so I have not shared it. You add that inside the assets/config/ folder and then add your keys in there.
It basically represents a set of coordinates that defines the path between your current location and the destination. When provided to Mapbox controller, you can create a route using those coordinates.
You do have some customisations possible in terms of what you can show in the map. But I think the best way to customise the UI is with Mapbox Studio. Let me know if you want a video on that, we can do it sometime too.
Hello everyone, my app crashes when I navigate out of map, when I set my location enabled parameter in mapbox to false , the problem is fixed. how can I fix this?
Hey, satyaprakash! I'm facing a bug in the map the line layers are not updating as the user location move on the camera. can you please help me with this?
Hey there! You need to make sure that you rebuild the widget tree every few seconds to show the lines again. Another way is to use the turn by turn navigation. Check out my other video here where I show exactly that - ruclips.net/video/J1yLPFbjOkE/видео.html
Thank you so much for the video, but I have a problem that instead of the map, there is a white screen and after like 2 seconds the app closes and the requests for the restaurants' directions get canceled with an error saying:This request was canceled...This is expected for tiles that were being prefetched but are no longer needed for the map to render. PLEASE , CAN YOU HELP ME ?
@@ABSatyaprakash It was a silly mistake in the code😅 But I was wondering is there a way to make the icons on the map responsive when zooming in and out? Also , can we make the line goes under the icon and not above the icon?
@@Mary-xi7yv Alright cool 😇 Yeah sure you can. You can reset the icon sizes whenever you are zooming in. For getting the line under the icon, you can replace the first and last point in the `geometry` Map, with a nearby point to the source and destination.
It is showing the error Gradle threw an error while downloading artifacts from the network .. Exception: Gradle task assembleDebug failed with exit code 1
i am getting this error while running mapbox for ios Launching lib/main.dart on iPhone 15 Pro Max in debug mode... Xcode build done. 13.6s Failed to build iOS app Error (Xcode): Building for 'iOS-simulator', but linking in dylib (/Users/apple/Desktop/Mkgo_ios_Testing_version/MKGO_Testing_Version_ios/ios/Pods/Mapbox-iOS-SDK/dynamic/Mapbox.framework/Mapbox) built for 'iOS' Error (Xcode): Linker command failed with exit code 1 (use -v to see invocation) Uncategorized (Xcode): Command SwiftEmitModule failed with a nonzero exit code Could not build the application for the simulator. Error launching application on iPhone 15 Pro Max. Exited (1). how I can solve this error what this error if for any solution for it because i am not getting any solution for it
I try to deploy the app by following all the steps and using the source code, but it gives me the following error: "Null check operator used on a null value". Could you tell me how to correct it? Thank you
I think if you are trying to go with Flutter for windows application you won't find much support from the community yet. I'd recommend you go with electron for now, because then you can directly use mapbox.js libraries.
It's very easy. First of all the data for restaurants is given as hard-coded. Once you have a DB with you, you'd prefer to store and fetch the data with your DB. Now make 2 collections - 1 with the name restaurants, the other with the name favorites. Fetch restaurant data and use the app like before. Now you can add a little * on the card, and when you click on it you can save the docID for that restaurant to your favorites collection. Additionally to increase the efficiency use a state management system like Provider.
I am from Syria and I do not have a credit card to sign up for Mapbox. Can anyone help me? I need to use it for my graduation project, not for business purposes. Please help me.
That's something you will have to implement - just periodically update the route every 5 seconds or so - using the current location. Look at this repository for example - github.com/Imperial-lord/biking-stations
@@ABSatyaprakash I'm working on a Flutter app which has indoor map of a large space. Map is 2.5D vector, designed using Mapbox studio. When I'm using the map url in the project, there is no option to change the camera angle like they have for Native. So currently, it's a flat map. Using 2 fingers, user can't change it from 2D to 2.5. Any idea how can I achieve it?
34:33 the API URL code: when I directly paste the URL from the web the code is working fine but I try to run the code by using source.latitude and. source.longitude the API is returning null.
Thanks,@@ABSatyaprakash for the debugprint(url) idea finally, I found the bug. The APIs URL is not working fine because I was using the Location coordinate of USA (as you define in your code) when I set the coordinates of the locations near me the API URL started working as expected. Thanks again for that kind of support and the amazing content.
Not useful, you did all the setup and startup settings before recording the tutorial and started rushing over the things. every concept got over my head. sorry
Head over here ( github.com/Imperial-lord/mapbox-flutter/discussions ) to Github discussions and we can discuss there. I prefer this over email because communication is way easier. Happy to help! 😄
Checkout the turn by turn navigation video here - ruclips.net/video/J1yLPFbjOkE/видео.html. Hope you guys love it ❤️
Nice intro bro.. It's really impressive as well as informative🔥
Thank you very much sir. I am a student from Indonesia. This is a very helpful video for me in doing my coursework, thank you very much! This video is true unlike other map navigation videos.
Omg this is so good. Would love a turn by turn navigation video. Thanks!!
Thank you! Let's work on that in the next video 👍🏻
Thank you so much!!! That was so helpful. Can we get that turn by turn navigation video asap pleaseeee!!👏👏
Sure.. next video coming soon! Glad that you found it helpful 😄
Very Very helpful...I needed this a lot, as a beginner I was so overwhelmed to work with maps, you covered everything I needed to learn.
Thankyou.
Please make more such videos
guys just change the hardcoded restaurants coordinates(,) in the constants folder, to restaurants coordinates near you to avoid returning Null error because of exceed distance limitation.
have a great day :)
That's a useful advice. Thanks for adding!
Thank you guys for the amazing comments. I would absolutely love it if you like and share the video, and also subscribe to my channel. We will keep building more amazing stuff, and explore new things together 😇
Meanwhile if you have any questions feel free to reach out!
Any ideas when the next video will be out? Thanks once again
@@rahinashraf9272 It'll be out in a couple of days! I'll also soon upload a plan for the days on which I'll release videos and type that they will be. Stay tuned!
Hi sir, your video was so helpful! I have an assignment due at the end of this week where I need to use turn by turn navigation with flutter and mapbox. I’ve been struggling to find any resources so thank you so much for considering making a video on it!! Hopefully it will be out before my assignment deadline!
Any update on when the turn by turn navigation video will be released? Would be extremely helpful, can’t wait!
@@rufia8706 Video will be out very soon. Editing work is going on.
This is a great tutorial! Would really appreciate a turn-by-turn navigation video please!! :D
Hey thanks! Sure, we will do a turn by turn navigation video next now 😄
THANK YOU SO MUCH!! I have subscribed to your channel as I am looking forward to the turn by turn directions video :))) please release asap thanks
Hey thanks for the Subscription! ❤️ We will do the turn by turn navigation video soon!
Amazing content! I am new to flutter, and that turn by turn video you mentioned at the end would be so useful please! Thank you😃
Thank you. Welcome to flutter, I hope you enjoy the framework! We will do a turn by turn navigation video next 😄
merhaba navigasyon işlemi yapabildin mi bu paketle
Great vid, a turn by turn nav video would be amazing.
Will do that next 😄
Thank you, so helpful! Please do a turn by turn nav video
Sure will do that soon! 😄
Really helpful video, thanks so much! Like everyone else, I too would love a turn-by-turn navigation video!
Thank you so much for the support. We'll have the next video soon!
Excellent presentation clear and easy to understand 👌
Glad you liked it
I got so many warnings running this on the android emulator but it works....😝😝😝😝 Thank you so much!!!!!!
😂 I had noticed it too, turns out the same does not happen with a real device, so that's just fine I guess.
Thank you very much! awesome video and explanation
Glad it was helpful!
nice video. could you make a turn-by-turn navigation video?
Thank you! Sure will do that next! 😄
Helpful video
Thank you
Looking forward to the next vid! Any idea when it'll be out?
In a few minutes 😂
And you can check it now at - ruclips.net/video/J1yLPFbjOkE/видео.html
That was a great tutorial 👌 very clear instructions. Are you a freelancer sir?
Hello Sir, Very Important... Can these all features work OFFLINE in Android as well in IOS ? Please reply.
Means for any fixed map can mapbox provide offline navigation?
Hi this is such a great video and tutorial, but can i use this to create a navigation map for wheelchair user?
Great video! But could you please tell me where can I find the .env file in your GitHub?
The .env file should not be pushed to public source control so I have not shared it. You add that inside the assets/config/ folder and then add your keys in there.
Thank you! Great video I must say, but could you please explain for me that how the final _fills would work?
It basically represents a set of coordinates that defines the path between your current location and the destination. When provided to Mapbox controller, you can create a route using those coordinates.
great tutorial!
can you please tell me how can I change the default Map UI in our projects?
You do have some customisations possible in terms of what you can show in the map. But I think the best way to customise the UI is with Mapbox Studio. Let me know if you want a video on that, we can do it sometime too.
@@ABSatyaprakash
Yeah, sure I would be happy to see your new content on Mapbox.
keep growing😉❤
hey when will the turn by turn vid be out?
Video will be out very soon. Editing work is going on.
Great work.... My app keeps crashing when I click on restaurant table; this started after show user location on map at 27:34
Bonsoir. Merci pour ta video, stp comment simplement placé un marqueur sur la map
Hello everyone, my app crashes when I navigate out of map, when I set my location enabled parameter in mapbox to false , the problem is fixed.
how can I fix this?
Hey, satyaprakash!
I'm facing a bug in the map the line layers are not updating as the user location move on the camera. can you please help me with this?
Hey there! You need to make sure that you rebuild the widget tree every few seconds to show the lines again. Another way is to use the turn by turn navigation. Check out my other video here where I show exactly that - ruclips.net/video/J1yLPFbjOkE/видео.html
Thank you so much for the video, but I have a problem that instead of the map, there is a white screen and after like 2 seconds the app closes and the requests for the restaurants' directions get canceled with an error saying:This request was canceled...This is expected for tiles that were being prefetched but are no longer needed for the map to render.
PLEASE , CAN YOU HELP ME ?
Could you open an issue on a discussion thread in GitHub discussions with your stack trace?
@@ABSatyaprakash It was a silly mistake in the code😅 But I was wondering is there a way to make the icons on the map responsive when zooming in and out? Also , can we make the line goes under the icon and not above the icon?
@@Mary-xi7yv Alright cool 😇 Yeah sure you can. You can reset the icon sizes whenever you are zooming in. For getting the line under the icon, you can replace the first and last point in the `geometry` Map, with a nearby point to the source and destination.
Nice one, I'll definately subscript to your channel sir
What font and theme are you using in your Android Studio?
Thanks man.
It is showing the error
Gradle threw an error while downloading artifacts from the network .. Exception: Gradle task assembleDebug failed with exit code 1
Seems like an internet issue, open a thread in GitHub discussions with the complete stack trace please. I will take a look and get back to you!
Hi AB thanks for the tutorial - is it possible we can have a chat I have a few questions regarding Mapbox and H3 geospatial indexing
i am getting this error while running mapbox for ios
Launching lib/main.dart on iPhone 15 Pro Max in debug mode...
Xcode build done. 13.6s
Failed to build iOS app
Error (Xcode): Building for 'iOS-simulator', but linking in dylib (/Users/apple/Desktop/Mkgo_ios_Testing_version/MKGO_Testing_Version_ios/ios/Pods/Mapbox-iOS-SDK/dynamic/Mapbox.framework/Mapbox) built for 'iOS'
Error (Xcode): Linker command failed with exit code 1 (use -v to see invocation)
Uncategorized (Xcode): Command SwiftEmitModule failed with a nonzero exit code
Could not build the application for the simulator.
Error launching application on iPhone 15 Pro Max.
Exited (1). how I can solve this error what this error if for
any solution for it because i am not getting any solution for it
thanks brother
Welcome
I try to deploy the app by following all the steps and using the source code, but it gives me the following error: "Null check operator used on a null value". Could you tell me how to correct it? Thank you
did u find a solution for it? i get it too...
Hey ! This is an awesome video ! but can i do the same for building a map that displays parking lots ?
Sure, I will publish a blog on this one soon. Here is a teaser for you - github.com/Imperial-lord/biking-stations.git
How to get the near by places such as cafes, hospitals etc based on my current location? Can we do this in flutter and mapbox?
Check once on the Mapbox documentation. If they have an API, then it cab be done of course.
Can you share any library by which we can add map in windows application.... I need something with windows support.
I think if you are trying to go with Flutter for windows application you won't find much support from the community yet. I'd recommend you go with electron for now, because then you can directly use mapbox.js libraries.
thanks man
what if i want to favourite one of the cards and add it to firebase?
It's very easy. First of all the data for restaurants is given as hard-coded. Once you have a DB with you, you'd prefer to store and fetch the data with your DB.
Now make 2 collections - 1 with the name restaurants, the other with the name favorites. Fetch restaurant data and use the app like before. Now you can add a little * on the card, and when you click on it you can save the docID for that restaurant to your favorites collection.
Additionally to increase the efficiency use a state management system like Provider.
I am from Syria and I do not have a credit card to sign up for Mapbox. Can anyone help me? I need to use it for my graduation project, not for business purposes. Please help me.
When you move or drive does it update the route in real time sir?
That's something you will have to implement - just periodically update the route every 5 seconds or so - using the current location. Look at this repository for example - github.com/Imperial-lord/biking-stations
Any idea about adding 3D/tilt ?
Could you elaborate your use case a little more?
@@ABSatyaprakash I'm working on a Flutter app which has indoor map of a large space. Map is 2.5D vector, designed using Mapbox studio. When I'm using the map url in the project, there is no option to change the camera angle like they have for Native. So currently, it's a flat map. Using 2 fingers, user can't change it from 2D to 2.5. Any idea how can I achieve it?
TrackingGps has a problem. It keeps rotating wildely do you know how to disable rotating gesture
Not sure if I understand, can you elaborate?
Hey I got a some problem in Direction Api can you please guide me?
Sure. What's the issue?
34:33 the API URL code: when I directly paste the URL from the web the code is working fine but I try to run the code by using source.latitude and. source.longitude the API is returning null.
@@mashoodhussain7655 What is the result of debugPrint(url) for you? Is it the same as the URL that you have when you directly paste it?
Thanks,@@ABSatyaprakash
for the debugprint(url) idea finally, I found the bug. The APIs URL is not working fine because I was using the Location coordinate of USA (as you define in your code) when I set the coordinates of the locations near me the API URL started working as expected.
Thanks again for that kind of support and the amazing content.
@@mashoodhussain7655 I'm always happy to help 😀 Stay tuned for more videos 😄
Mapbox search is not as good as google. It doesn’t show expect locations in search.
Hello,
How can I contact you please, I need your help
Reach out to me on LinkedIn or Twitter.
Not useful, you did all the setup and startup settings before recording the tutorial and started rushing over the things. every concept got over my head. sorry
please can I get ur email cox I need ur help with creating a map in my project I find ur video useful and understanding
Head over here ( github.com/Imperial-lord/mapbox-flutter/discussions ) to Github discussions and we can discuss there. I prefer this over email because communication is way easier. Happy to help! 😄
@@ABSatyaprakash the link is not active error 404
@@emmanuelpaakofi592 Try again now. I edited. Seems the ) got included in the link.
@@ABSatyaprakash sure thanks