Thank you so much sir, this lesson was really a life saver, A lot of people will be glad to see a tutorial on turn by turn navigation like Strava clone, it will be mind blowing
Love the video, I bought the code and implemented successfully. Im now trying to add a way to change the mode of transport for the polyline, however I managed to get the distance matrix api to change the values depending on transport (e.g. Walking, Driving etc) but I can't seem to find a way to get the polyline to change also. Will continue to look for solutions...
Thank you for buying it. You can change the TravelMode in line 57 of the code to any of the 4 values here (driving, bicycling, transit and walking). pub.dev/documentation/flutter_polyline_points/latest/flutter_polyline_points/TravelMode.html
Thanks for the helpful information. Everything worked out, but I can't get the time and distance - all the time is null, although I get the time and distance in the API tests themselves. If you have thoughts and experience with a similar case, please share your advice
You're tutorials are so gooood. Thank you very muchh!!! Can I request a tutorial? A tutorial that follows the polyline, it updates as you follow the path just like in google maps navigations. Going back, very good videos, I have been applying what I learned from your videos to my own project. Thank you very much.
"Thank you For creating such toturial it helps me alot in my current project and I have a question: can the markers for the label named 'origin' also be used to track its current location in real-time, similar to how Google Maps works?"
You're a lifesaver! This is my very main problem when developing our thesis project. But can I ask if where can I find or where did you upload the source code for the custom codes for widgets and function? That'll help us a lot. Thank you.
Hi, good day! Can I use data from database in this tutorial like there's a location data in each destination (in the database) then the origin is the current device location?? Cause I don't use place picker in my project.
feel free to remove it as that was related to something else in my project. the import are as follows: // Automatic FlutterFlow imports import '/flutter_flow/flutter_flow_theme.dart'; import '/flutter_flow/flutter_flow_util.dart'; import '/custom_code/widgets/index.dart'; // Imports other custom widgets import '/flutter_flow/custom_functions.dart'; // Imports custom functions import 'package:flutter/material.dart'; // Begin custom widget code // DO NOT REMOVE OR MODIFY THE CODE ABOVE! import 'package:google_maps_flutter/google_maps_flutter.dart' as google_maps; import 'package:flutter_polyline_points/flutter_polyline_points.dart';
Steven, I solved my problem thanks to your FF project, thank you! I have a question, Google API has already charged me $4 for one test, have you also been charged money?
Not possible and that's too high for one API call (and there's a lot of free usage from Google) - please check your billing to understand the breakdown console.cloud.google.com/billing
@@StevenNoCode I enabled all the api’s and I don’t get any error in the code editor (also enabled all dependencies), Is there another way to troubelshoot this?
@@steynjacobs3069 directly replied to your email. For everyone else, Google blocks Directions API from using via web directly (CORS error). We need to route the API through a cloud function to obtain the encoded polyline, then the custom widget will need to decode the polyline.
Unsure what you mean here…if you use the default FlutterFlow map widget, there is a current location button by default and when you click on it, it centres on the user
@@Gameothrone813 I feel like I've partly covered this in another tutorial where I allow the user to search things based on an entered google address. ua-cam.com/video/29Oz0LI8j68/v-deo.html
Thank you so much sir, this lesson was really a life saver, A lot of people will be glad to see a tutorial on turn by turn navigation like Strava clone, it will be mind blowing
If I decide to implement that code, I definitely will buy it from you. You're awesome. And your insights in FF Community are helpful, too.
Appreciate the support thank you :)
thank you Great tutorial
I have subscribed too, this channel is a Gem
waiting to loooong
Sorry what did you mean by that? :)
@@StevenNoCode sorry, i mean, i'm waiting like this tutorial so long. :D
@@sujaritnrc Haha Christmas present for you then :) Making tutorials get tiring at times
Love the video, I bought the code and implemented successfully. Im now trying to add a way to change the mode of transport for the polyline, however I managed to get the distance matrix api to change the values depending on transport (e.g. Walking, Driving etc) but I can't seem to find a way to get the polyline to change also. Will continue to look for solutions...
Thank you for buying it. You can change the TravelMode in line 57 of the code to any of the 4 values here (driving, bicycling, transit and walking). pub.dev/documentation/flutter_polyline_points/latest/flutter_polyline_points/TravelMode.html
Thanks for the helpful information. Everything worked out, but I can't get the time and distance - all the time is null, although I get the time and distance in the API tests themselves. If you have thoughts and experience with a similar case, please share your advice
Is there any error on google chrome console?
@@StevenNoCode Yes, there are 10 errors and all are unclear, I will try to buy your application and check
Great tutorial
You're tutorials are so gooood. Thank you very muchh!!!
Can I request a tutorial? A tutorial that follows the polyline, it updates as you follow the path just like in google maps navigations.
Going back, very good videos, I have been applying what I learned from your videos to my own project. Thank you very much.
"Thank you For creating such toturial it helps me alot in my current project and I have a question: can the markers for the label named 'origin' also be used to track its current location in real-time, similar to how Google Maps works?"
You're a lifesaver! This is my very main problem when developing our thesis project. But can I ask if where can I find or where did you upload the source code for the custom codes for widgets and function? That'll help us a lot. Thank you.
You can find it in the description by supporting me :)
Otherwise the pub dev package has very good docs on implementing it.
@@StevenNoCode well that would be cool, can I ask if you are using supabase? If so, what do we import if we were using firebase?
@@markuzuan_23 It doesn't matter if you're using supabase or firebase. this package is not dependent on a database.
@@StevenNoCode Thanks for your help. I really appreciate your efforts, expecting more contents from you in FlutterFlow😇
Can u please make a complete guide on how to make a app like uber, ola on flutter flow
Great work. Could you share the code for the custom widget, or is that something we have to pay for? Either way, nice work, and thank you.
It would be amazing if you can support me :) I’ve seen similar code sell for higher…
Hi, good day! Can I use data from database in this tutorial like there's a location data in each destination (in the database) then the origin is the current device location?? Cause I don't use place picker in my project.
Yes, the custom widget simply takes 2 sets of lat long so that lat long can be from whatever source you want.
@@StevenNoCode what will be the possible errors if the page won't display or crashed?
@@hindrech_24 Best to check Chrome console log.
i'm having an issue, it's saying that there's an error with " import '/custome_code/actions/index.dart/' and it can't find the file path ?
feel free to remove it as that was related to something else in my project. the import are as follows:
// Automatic FlutterFlow imports
import '/flutter_flow/flutter_flow_theme.dart';
import '/flutter_flow/flutter_flow_util.dart';
import '/custom_code/widgets/index.dart'; // Imports other custom widgets
import '/flutter_flow/custom_functions.dart'; // Imports custom functions
import 'package:flutter/material.dart';
// Begin custom widget code
// DO NOT REMOVE OR MODIFY THE CODE ABOVE!
import 'package:google_maps_flutter/google_maps_flutter.dart' as google_maps;
import 'package:flutter_polyline_points/flutter_polyline_points.dart';
Steven, I solved my problem thanks to your FF project, thank you!
I have a question, Google API has already charged me $4 for one test, have you also been charged money?
Not possible and that's too high for one API call (and there's a lot of free usage from Google) - please check your billing to understand the breakdown
console.cloud.google.com/billing
@ thanks, I’ll be watching
Does the polyline map work for web as well? Or Mobile only?
Web as well. You can see the package is web supported
@@StevenNoCode I bought the code and set it up, but web does not display the polyline. It only displays the two points (starting and end) as two pins.
@@StevenNoCode I enabled all the api’s and I don’t get any error in the code editor (also enabled all dependencies), Is there another way to troubelshoot this?
Sorry for switching yt accounts btw
@@steynjacobs3069 directly replied to your email. For everyone else, Google blocks Directions API from using via web directly (CORS error). We need to route the API through a cloud function to obtain the encoded polyline, then the custom widget will need to decode the polyline.
How to Bro option like click location icon button then show google map location 📍 in flutterflow plzzz make video
Unsure what you mean here…if you use the default FlutterFlow map widget, there is a current location button by default and when you click on it, it centres on the user
@StevenNoCode no bro I tell you like address icon click then open google map show location address so clickable
@@Gameothrone813 I feel like I've partly covered this in another tutorial where I allow the user to search things based on an entered google address.
ua-cam.com/video/29Oz0LI8j68/v-deo.html
@@StevenNoCode plzzz make video bro fast 🚀
@@Gameothrone813 haha I don't get paid enough by UA-cam to do that :)