Hello! I' m from India I just loved the way you explained the integration of Google Maps API it will very helpful for me as I' m building my last year project on a similar topic. Thank You !
I'm working on a Flutter application and I'm trying to implement geofencing functionality. I want to be able to track when a user enters or exits predefined geographic regions and perform certain actions based on their location. However, I'm not sure where to start or what packages or APIs to use. Would you please provide a step-by-step guide or example code on how to implement geofencing in Flutter? It would be really helpful if you could explain the concepts involved and recommend the most reliable and up-to-date packages or APIs to use for geofencing. If you provide a video tutorial it would be the unique on youtube Thank you in advance!
Hello from Brazil, great video. I have a question, when i load the app on my tablet device via vscode, how do i choose the destination ? It only show my current location .
I'm so hyped to hear that. Thank you very much for your support. I appreciate it a lot. I have a lot of cool stuff planned for the channel so keep an eye out. If you have any special requests do let me know.
Hi, your videos are amazing. How did you configure your google maps API Key? is it suitable for production environments? I'm having trouble configuring a production ready api key to use along with the flutter_polyline_points library
Thanks. You need to enable the directions API for your Google cloud project and also make sure billing is enabled on the project and a valid payment method is attached. That is pretty much all the setup to ensure the API key is production ready.
Hi thanks for great teaching i have issue during build.gradle the error always shown up and say Your project requires a newer version of the Kotlin Gradle plugin.
This is the best thing comes to me for a couple of months. I have one question, do we have to pay for any? Like Google API? Thank you for the tutorial !
Thank you very much, Hussain. However, I have a question for you. After some experimentation and reading, I have concluded that we can't create a polyline from the user's current location. That's because it has been defined so that it can be null at any moment. Can we work around this issue? And once again appreciate the tutorial it helps a lot!
hi can you make a video that you can use search text filed to find places and draw 2 locations ( one is my current my location and the other is from search place )
@@m_hussain_mustafa Thanks for your quick turnaround! I tried to simulate a custom location. I once clicked on Allow While Using. However, the next time when I run the codes, I experience error in granting location permission: flutter: Permission granted: PermissionStatus.denied flutter: Permission requested: PermissionStatus.permanentlyDenied Since then I am not able to do anything
do we need to add the billing info? would it work without the adding the billing or payment method? i want to show places to user base on user location.
Brooo, this is some top notch contenttttt. You deserve to have Thousands of followers. Dont let anything change your mind. Just stick to it and be consistent. Your days are ahead!
How to handle the tracking scenario like when the User comes back from the App and again open the app the tracked route should also get polylines to it.
hi, great video. thank you for helping the community. i'm facing some issue with the following code part PolylineResult result = await polylinePoints.getRouteBetweenCoordinates( GOOGLE_MAPS_API_KEY, PointLatLng(_pGooglePlex.latitude, _pGooglePlex.longitude), PointLatLng(_pApplePark.latitude, _pApplePark.longitude), travelMode: TravelMode.driving, ); showing errors with getRouteBetweenCoordinates,travelmode and GOOGLE_MAPS_API_KEY, words. if you could help me with it, would be great
Man, what a fantastic job, I just think it would be better if the camera position was only updated when the location actually updates and not simply by moving the camera around.
Great tutorial. So educative. Thanks a lot. Got a question though. What if I have a list of several points that don't exist in the map and I want to add them as markers for use in my app. I have a database containing names of new points and their coordinates. How do I use the database in code instead of writing the markers over and over?
Brooooooo, is it everything about flutter you know, anything i search concerning flutter your video comes first, thanks. I just subscribed to your channel. Please be my mentor.
I also have another request, If some one say you have to implement one signal in your flutter app and you know nothing about it how you will implement it,how yousearch for resources
I like the way you teach...I got gud help by this video...about googlemap in flutter .Hi I need your advise..I am c language teacher and running class for last 10 years now i have entered in flutter for last 1 year and keep doing practise on it..recentrly i have made 4 apps like ecommerce app, tiktok clone, expense manager and weather app for learning purpose..Now i wish to join company as a developer but not getting enough confidence...and my age is 43....should i continue or leave...fear is for doing job..how to deal with it?
Hello Hussain thank you for the vid! I tried to follow your footsteps on this video but running the flutter app from the flutter terminal and using chrome. I faced the following error tho: "Cannot read properties of undefined(reading 'maps')". Have you ever seen this error?
Hi, I belive for running the Flutter on the web there might be some additional steps not mentioned in this video. Your best bet would be to look at the documentation for Google Maps and specifically the section for running maps on the web.
I have been learning from your courses on Udemy. Loved your videos as always and the learning curve is very high. Also it would be very helpful if you could make a similar video for Flutter Mapbox Integration.
i have a question though. i want to build an app which retrieves lat and long from an API and marks the location on the map but i honestly don't know how to start could you help me?
You can use the geolocator package or the API you mentioned to get the lat long, and then use these coordinates to plot a point on the google maps or any other map provider plugin that you'd like to use for Flutter.
hi ive benn watchingyour dart and flutter udemy course ,can i follow this video after that course ...is this video beginner friendly if your making future yt videos too please keep in mind that most of your viewers are from your udemy course ,so pls make videos which they can follow .... loved your course thanks
i built the code (apk for android to test it on real device) but i keep getting loading... without showing my location. the app work fine on the emulator. My phone is Samsung note 10 plus fully updated
Hello Hussain,thanks for this tuto,clear and straightforwad 👏👏I have a doubt though,how about drawing the route from the current location to a target location? I Tried to do it with this approach but did not get the desired result
Hi, thanks for the comment. I wouldn't recommend constantly re rendering the path using the approach mentioned in this video as it will become very expensive both computationally and monetarily. You would have to research on this and come up with a new solution.
i did the same as you said in video . but sometimes maps loads and sometime it crashes the app . the error is java.lang.IllegalStateException: Platform view hasn't been initialized from the platform view channel.
Hi... I am having an issue... The part where we add permissions and then after error we put the letest version of gradle.. I am putting the letest versio (1.9.24) but i am still getting the same error... Can anyone here help me?!
after setting all the necessary parameters of google map I tried to run the app and showed in the the screen this message : flutter application won't run without Google Play services, which are not supported by your device
You need to create an emulator which has google play services installed on it. Check for the play store icon on emulators available to you in android studio and try to create one from that. Hope this helps.
@@m_hussain_mustafa it has the play store icon in android studion but still not displaying even I'm setting all the things for google map , in executing the dcreen stays white the map not working ,this problem stops me i searched everywhere but still not finding solution💔
Love the course, I have 2 issues and they may be related. Did any one have a problem where it just says my location is at google head quarters and not at my actual location, and second, when i open location setting, I can not add addresses like Hussain can. It just does nothing. Any help would be greatly appreciated
Hi For the first issue I would recommend first determining if you can actually access the users location on device, and then if that is working then make sure that the gps settings on device are set so that they simulate a moving car this should hopefully help you fix the first issue. For the second issue I honestly have no idea but I'll recommend to update your Android Studio IDE to the latest version, then create a new simulator (I use a Pixel 7 - API 34) and hopefully this might fix the second issue.
I believe the variable you are trying to access it not assigned a value properly. I'd recommend downloading the source code and comparing your code with it.
When I change it traveling mode to bicycle then PolylineResult zero values and it's an error. kindly check. Exception has occurred. _Exception (Exception: Unable to get route: Response ---> ZERO_RESULTS )
iam getting following error: Error (Xcode): Building for 'iOS-simulator', but linking in object file (/Users/Comma/Flutter-projects/emergigo/ios/Pods/GoogleMaps/Maps/Frameworks/GoogleMaps.framework/GoogleMaps) built for 'iOS' Error (Xcode): Linker command failed with exit code 1 (use -v to see invocation) can you please help?
i am also getting the same error . Just delete the ios folder from project and then from terminal run "flutter create " it will solve your issue . or Check your Flutter SDK path (Xcode -> File -> Workspace settings -> correct your derived data path ). These steps hepled me to overcome from this error.
@@m_hussain_mustafa i failed when following to 5min though. it says can't read 'map' I have checked the api key. Guess I'll have to follow some in depth guide to figure out syntax like map controller or so.
Download the source code here: cutt.ly/Fwvpz8KP
sir any udemy free course available? any link plz
@muhammadahsan1627 I do not have any free coupons available. Thanks.
@@m_hussain_mustafa so please kindly a make detailed video on payment methods of stripe, bank or PayPal.
@@muhammadahsan1627 Ok I’ll try to do that. Thanks
@@m_hussain_mustafa Yes plz, Thanks Sir
hello form Egypt, this was the best video that I have seen, thank u so much for sharing your knowledge and help us, God Bless you Hussain
Thank you very much.
Hello! I' m from India I just loved the way you explained the integration of Google Maps API it will very helpful for me as I' m building my last year project on a similar topic. Thank You !
Glad it was helpful!
I'm working on a Flutter application and I'm trying to implement geofencing functionality. I want to be able to track when a user enters or exits predefined geographic regions and perform certain actions based on their location. However, I'm not sure where to start or what packages or APIs to use.
Would you please provide a step-by-step guide or example code on how to implement geofencing in Flutter? It would be really helpful if you could explain the concepts involved and recommend the most reliable and up-to-date packages or APIs to use for geofencing.
If you provide a video tutorial it would be the unique on youtube
Thank you in advance!
Hi, take a look at this: pub.dev/packages/geofence_service
One of the best tutorials I've watched, thank you!
Awesome to hear that. Cheers 😊
Hello from Brazil, great video. I have a question, when i load the app on my tablet device via vscode, how do i choose the destination ? It only show my current location .
very helpful, self explanatory, straight to the point,
10/10
You're welcome 😊
Better than others, very transparent and intuitive
Thank you very much 😊
Best video for google maps integration with flutter app. Thanks
You're welcome 😊
Is showing the map free of charge? Google maps offers free mobile dynamic map without cloud based design. Is it the one you show in the video?
Yes , free of charge
not exactly free u get around 30000 map loads per month for free.
Thank you very much for your content, keep recording videos about flutter. They are very good!!!
I'm so hyped to hear that. Thank you very much for your support. I appreciate it a lot. I have a lot of cool stuff planned for the channel so keep an eye out. If you have any special requests do let me know.
bro is really a 🗿chad ! thanks man
Happy to help
@@m_hussain_mustafa you saved me from getting kick out of project
Wow. Best video for beginners. Thank you so much. Keep uploading 😍
Thank you very much. I’ll keep uploading.
😍😍😍@@m_hussain_mustafa
Great video!...you are one of the best creators i ve ever seen
Thank you 🙏
Thank you for the tutorial ! I went to the console google maps docs it was not working but your video made it working
Glad I could help
Thanks for quality of video 👏🏼
You're welcome 😊
Greetings from Colombia!!! Thank you so much for this video, It really helped me.
You're welcome 😊
you legend, thank you for this amazing tutorial.
You're welcome!
Thanks for the epic video. Learned so much. Much appreciated. 😀
Glad you enjoyed it!
Hi, your videos are amazing. How did you configure your google maps API Key? is it suitable for production environments? I'm having trouble configuring a production ready api key to use along with the flutter_polyline_points library
Thanks. You need to enable the directions API for your Google cloud project and also make sure billing is enabled on the project and a valid payment method is attached. That is pretty much all the setup to ensure the API key is production ready.
you deserve more subscribers..
That is very kind of you. I appreciate your support. Subscribe more content is on the way. Thank you.
Hi thanks for great teaching i have issue during build.gradle the error always shown up and say Your project requires a newer version of the Kotlin Gradle plugin.
Hi, I believe you need to update your android SDK version.
@@m_hussain_mustafa thanks, it was only different with your code and i solve it thanks again
can you take a course for flutter map?
Can you create video on behlf of geofancing and radius meeter on google map
This is the best thing comes to me for a couple of months. I have one question, do we have to pay for any? Like Google API? Thank you for the tutorial !
Great Video. One question though. Do we need to pay any fee to Google for using their APIs for background location?
Hi,
I believe the directions api is a paid resource.
Thank you very much, Hussain. However, I have a question for you. After some experimentation and reading, I have concluded that we can't create a polyline from the user's current location. That's because it has been defined so that it can be null at any moment. Can we work around this issue? And once again appreciate the tutorial it helps a lot!
لم أجد لها حلاً إلى الآن
hi can you make a video that you can use search text filed to find places and draw 2 locations ( one is my current my location and the other is from search place )
Thanks for your effort but sir I am using Android studio will it still work out for me sir...Thanks
Yes it should.
Great vid brother. Keep up the good work!
Appreciate it!
thanks the video was very helpful
Glad it helped
Hey I know I’m late but would this work for OpenStreetMaps api?
this was perfect, thank you
Thank you for your support.
AOA sir, you always code like I want sir, we want a complete tutorial of push notification as well having different scenario of a real life
Thanks and yes I'll try to create a tutorial on this topic soon.
Great content! Are you using your own real device for the track current location part? Because I was unable to do so with the iPhone simulator
Hi,
The simulator has settings available on it to simulate location.
@@m_hussain_mustafa
Thanks for your quick turnaround!
I tried to simulate a custom location. I once clicked on Allow While Using. However, the next time when I run the codes, I experience error in granting location permission:
flutter: Permission granted: PermissionStatus.denied
flutter: Permission requested: PermissionStatus.permanentlyDenied
Since then I am not able to do anything
Nice, As billing is necessary for polylines? Because I can display markers on Map but my emulator does not show me to set points and routes?
Good to know it worked out for you.
so to show road on google maps i should pay ??
Is place api is paid
do we need to add the billing info? would it work without the adding the billing or payment method? i want to show places to user base on user location.
Yes for the directions api billing has to be enabled.
Brooo, this is some top notch contenttttt. You deserve to have Thousands of followers. Dont let anything change your mind. Just stick to it and be consistent. Your days are ahead!
Thank you very much for the kind words and your support. Means a lot to me.
Hi, is it possible to create all of that using non billing account google cloud?
Hi that is not possible.
How to handle the tracking scenario like when the User comes back from the App and again open the app the tracked route should also get polylines to it.
Thanks, I learn lot
Glad to hear that!
What a beautifully straightforward video. Thank you for showing how to configure both android and ios. Nice work :)
Thank you, glad it worked out for you.
hi, great video. thank you for helping the community. i'm facing some issue with the following code part PolylineResult result = await polylinePoints.getRouteBetweenCoordinates(
GOOGLE_MAPS_API_KEY,
PointLatLng(_pGooglePlex.latitude, _pGooglePlex.longitude),
PointLatLng(_pApplePark.latitude, _pApplePark.longitude),
travelMode: TravelMode.driving,
);
showing errors with getRouteBetweenCoordinates,travelmode and GOOGLE_MAPS_API_KEY, words. if you could help me with it, would be great
@m_hussain_mustafa same issue! Could will be the API KEY Services, if 'yes' that what API Services Must be?
@@aquonelocal I dont think it's an issue with API. might be because of some changes in classses
Keep uploading videos. They are very useful
Thank you, I will
Sir where can i get the google maps api key.....your any video regarding this ??
How can i adjust camera zoom and relocation so that whole polyline from source to desyination show within cameraview
Man, what a fantastic job, I just think it would be better if the camera position was only updated when the location actually updates and not simply by moving the camera around.
Thank you for your comment. The camera position only updates if the user moves. Otherwise, it does not.
Hm... strange, when I was testing the user wasn't moving and I was only moving the map camera and yet the camera updated as if the user had moved
Great tutorial. So educative. Thanks a lot. Got a question though. What if I have a list of several points that don't exist in the map and I want to add them as markers for use in my app. I have a database containing names of new points and their coordinates. How do I use the database in code instead of writing the markers over and over?
Yes, you can.
Brooooooo, is it everything about flutter you know, anything i search concerning flutter your video comes first, thanks. I just subscribed to your channel. Please be my mentor.
Thanks for the comment. I am trying to create good quality content related to Flutter. Good to know you like it. Awesome
so in order tofollow this tutorial I should pay for the API key?
best tutorial
Thanks. :)
I also have another request, If some one say you have to implement one signal in your flutter app and you know nothing about it how you will implement it,how yousearch for resources
thank you very much !
You are welcome!
I like the way you teach...I got gud help by this video...about googlemap in flutter .Hi I need your advise..I am c language teacher and running class for last 10 years now i have entered in flutter for last 1 year and keep doing practise on it..recentrly i have made 4 apps like ecommerce app, tiktok clone, expense manager and weather app for learning purpose..Now i wish to join company as a developer but not getting enough confidence...and my age is 43....should i continue or leave...fear is for doing job..how to deal with it?
Thank you very much.
No worries!
Great video and instructions. Thank you very much!
You're welcome.
dude that was crazy , you should work for google or sth tbh
Thanks. :)
dude quick and precise love it
You’re welcome
Wow. Thanks for sharing. Its really helpful
Glad you liked it.
Thank tou very much 🤩
You're welcome 😊
I enjoyed this, thank you
You're very welcome.
hey, what are the map sdks and apis you activated for getting the google map api-key?
Hi, Take a look here pub.dev/packages/google_maps_flutter under the getting started section.
its really amazing video , very helpful thanks a lot
Glad it was helpful!
Hello Hussain thank you for the vid!
I tried to follow your footsteps on this video but running the flutter app from the flutter terminal and using chrome. I faced the following error tho: "Cannot read properties of undefined(reading 'maps')". Have you ever seen this error?
Hi,
I belive for running the Flutter on the web there might be some additional steps not mentioned in this video. Your best bet would be to look at the documentation for Google Maps and specifically the section for running maps on the web.
@@m_hussain_mustafa in the video which android emulator are you using? Thank you!
@@reicaio I use a pixel 7 simulator.
if i just want to show the map with the marker, what is exactly the function of this marker id?
ıt's awesome video good job
Thank you appreciate the comment.
I have been learning from your courses on Udemy. Loved your videos as always and the learning curve is very high. Also it would be very helpful if you could make a similar video for Flutter Mapbox Integration.
Thank you. I'll look into Mapbox for you.
@@m_hussain_mustafa Thanks a lot for your timely response. Means a lot to me. :)
Thank you!!!
You’re welcome.
i have a question though.
i want to build an app which retrieves lat and long from an API and marks the location on the map but i honestly don't know how to start could you help me?
You can use the geolocator package or the API you mentioned to get the lat long, and then use these coordinates to plot a point on the google maps or any other map provider plugin that you'd like to use for Flutter.
Okay I will do that thanks a lot
hi ive benn watchingyour dart and flutter udemy course ,can i follow this video after that course ...is this video beginner friendly
if your making future yt videos too please keep in mind that most of your viewers are from your udemy course ,so pls make videos which they can follow ....
loved your course thanks
Yes, absolutely. This tutorial video can be followed easily as long as you know basics of Flutter.
Puedo indexar a google search console un my maps
Gracias
Great Tutorial 👍👍👍👍
You’re welcome
Great content as always, love the new editing style in the videos.
Thank you very much.
Can we show street view in flutter apps?
Hi, i don't have experience with this, but maybe take a look at documentation or google.
@@m_hussain_mustafa ok thanks
i built the code (apk for android to test it on real device) but i keep getting loading... without showing my location. the app work fine on the emulator. My phone is Samsung note 10 plus fully updated
Is this also update user location in background when application is terminated?
hello 👋👋. I am getting request denied exception at point of implementing the polylines. Direction API is enabled by the way. Thanks for helping!
can u plz tell me the sol ?
the error occur at 5:47
cannot read the properties of undefine(read"maps)
The best course of action might be to download the source code and compare your code with it.
@@m_hussain_mustafa wasn't able to download. I tried several times when going through the tutorials.
@@kashaf8863 what is the actual problem you are facing
@@m_hussain_mustafa is there something extra to be done at the cloud side?
when i try this i get: Controller was disposed before GoogleMap was ready. as an error, any idea how to fix this?
Is the controller initialized properly? Are you disposing the controller somewhere else besides the onDispose lifecycle function?
Hello Hussain,thanks for this tuto,clear and straightforwad 👏👏I have a doubt though,how about drawing the route from the current location to a target location? I Tried to do it with this approach but did not get the desired result
Hi, thanks for the comment. I wouldn't recommend constantly re rendering the path using the approach mentioned in this video as it will become very expensive both computationally and monetarily. You would have to research on this and come up with a new solution.
hey if you find any solution regarding your problem please let me know because i m looking for same approach
Thank you@@m_hussain_mustafa
i did the same as you said in video . but sometimes maps loads and sometime it crashes the app . the error is java.lang.IllegalStateException: Platform view hasn't been initialized from the platform view channel.
I'd recommend searching your specific issue on the internet. I haven't encountered this error, while developing the application myself.
did u use real google api key or continue with the dummy one ?
Hi,
Yes you require a valid api key.
Left off at 8:10
Yours worked?
is it auto-update as your move or drive?
Yes
@@m_hussain_mustafa Thanks a lot, can you add distance calculation, like urba drive
Hello please help me, I can't see my Extended controls while using my own device as emulator
Hi... I am having an issue... The part where we add permissions and then after error we put the letest version of gradle.. I am putting the letest versio (1.9.24) but i am still getting the same error... Can anyone here help me?!
Same
Does the direction polylines feature require a paid cloud console account? Thanks
I have tried with free account but i have an error (Exception : Unable to get route: Response ---> REQUEST_DENIED)😢
I believe you need to enable the directions api which also requires you to enable billing.
@@m_hussain_mustafa do you mean billing is about payment?
i had a problem i cannot run flutter if i pub get location dependencies
Hi,
I don't understand what your issue is?
Thanks
You're welcome 😊
routes not displaying on the map why is this method billing adress issue?
You need to enable billing api on your Google cloud project.
@@m_hussain_mustafa ok thank you
Thanks man
You're welcome.
after setting all the necessary parameters of google map I tried to run the app and showed in the the screen this message : flutter application won't run without Google Play services, which are not supported by your device
You need to create an emulator which has google play services installed on it. Check for the play store icon on emulators available to you in android studio and try to create one from that. Hope this helps.
@@m_hussain_mustafa it has the play store icon in android studion but still not displaying even I'm setting all the things for google map , in executing the dcreen stays white the map not working ,this problem stops me i searched everywhere but still not finding solution💔
Thank You
You're welcome
Love the course, I have 2 issues and they may be related. Did any one have a problem where it just says my location is at google head quarters and not at my actual location, and second, when i open location setting, I can not add addresses like Hussain can. It just does nothing. Any help would be greatly appreciated
Hi
For the first issue I would recommend first determining if you can actually access the users location on device, and then if that is working then make sure that the gps settings on device are set so that they simulate a moving car this should hopefully help you fix the first issue. For the second issue I honestly have no idea but I'll recommend to update your Android Studio IDE to the latest version, then create a new simulator (I use a Pixel 7 - API 34) and hopefully this might fix the second issue.
Is it possible to find the shortest road between two points on a map in firebase
Yes it should be possible but you’d have to look at the documentation of the plugin.
error occur when i run app at 5:47 error is:
cannot read the properties of undefine (reading "maps")
how can i solve it?
I believe the variable you are trying to access it not assigned a value properly. I'd recommend downloading the source code and comparing your code with it.
@@m_hussain_mustafa ok will try again and thanks for reply
@@m_hussain_mustafa error resolved
zoom button and Google log are showing but the map not showing help me
Have you checked the debug console for any errors?
When I change it traveling mode to bicycle then PolylineResult zero values and it's an error. kindly check.
Exception has occurred.
_Exception (Exception: Unable to get route: Response ---> ZERO_RESULTS )
Hi,
I believe PolylineResult might not be displayed for bikes as they might sometimes go over terrain thats other than roads.
thank you so much sir
You’re very welcome.
Very useful video
Thank you.
iam getting following error:
Error (Xcode): Building for 'iOS-simulator', but linking in object file (/Users/Comma/Flutter-projects/emergigo/ios/Pods/GoogleMaps/Maps/Frameworks/GoogleMaps.framework/GoogleMaps) built for 'iOS'
Error (Xcode): Linker command failed with exit code 1 (use -v to see invocation)
can you please help?
i am also getting the same error . Just delete the ios folder from project and then from terminal run "flutter create " it will solve your issue . or Check your Flutter SDK path (Xcode -> File -> Workspace settings -> correct your derived data path ). These steps hepled me to overcome from this error.
thank tou
You're welcome 😊
@@m_hussain_mustafa i failed when following to 5min though.
it says can't read 'map' I have checked the api key.
Guess I'll have to follow some in depth guide to figure out syntax like map controller or so.