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 .
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 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.
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!
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.
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 )
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!
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.
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 !
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
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.
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.
@@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
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.
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.
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 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
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.
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?!
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.
@m_hussain_mustafa i have a problem after the second run of the project of the video (the google map is blank but the google logo and + - is only showing)thank you very much.
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💔
Hi there! I had a question, I took the source location and destination location in two different cities 10 hours apart. What is happening now is that the polyline is not following the road, and is skipping the small turns in the directions (I feel like it is probalby because of less number of coordinates in the list. If that's the case, how can I increase the number of coordinates generated?).
Hi, I'd honestly recommend taking a look at the documentation for these packages. That would be the best course of action as I can't recommend something of the top of my head.
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
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?
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.
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?
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
That should be possible with a little modification to the code. You can first display the 4 different points on the map, and then generate a path between them the same way you did for 2 points.
Yes you need to add the required Google Maps API Key as specified in the video. You can learn more about how to get the key here: pub.dev/packages/google_maps_flutter
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.
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.
One of the best tutorials I've watched, thank you!
Awesome to hear that. Cheers 😊
very helpful, self explanatory, straight to the point,
10/10
You're welcome 😊
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
Better than others, very transparent and intuitive
Thank you very much 😊
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 .
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.
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!
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.
Great tutorial , keep up the good work!
Great video!...you are one of the best creators i ve ever seen
Thank you 🙏
Wow. Best video for beginners. Thank you so much. Keep uploading 😍
Thank you very much. I’ll keep uploading.
😍😍😍@@m_hussain_mustafa
Greetings from Colombia!!! Thank you so much for this video, It really helped me.
You're welcome 😊
Thanks for the epic video. Learned so much. Much appreciated. 😀
Glad you enjoyed it!
Great vid brother. Keep up the good work!
Appreciate it!
Thanks for quality of video 👏🏼
You're welcome 😊
bro is really a 🗿chad ! thanks man
Happy to help
@@m_hussain_mustafa you saved me from getting kick out of project
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
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.
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
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.
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
you legend, thank you for this amazing tutorial.
You're welcome!
you deserve more subscribers..
That is very kind of you. I appreciate your support. Subscribe more content is on the way. Thank you.
Is this also update user location in background when application is terminated?
Hey I know I’m late but would this work for OpenStreetMaps api?
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 )
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, is it possible to create all of that using non billing account google cloud?
Hi that is not possible.
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.
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?
Keep uploading videos. They are very useful
Thank you, I will
Thank tou very much 🤩
You're welcome 😊
if i just want to show the map with the marker, what is exactly the function of this marker id?
thanks the video was very helpful
Glad it helped
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 !
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.
How can i adjust camera zoom and relocation so that whole polyline from source to desyination show within cameraview
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
dude quick and precise love it
You’re welcome
Great Tutorial 👍👍👍👍
You’re welcome
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.
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 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.
Great content as always, love the new editing style in the videos.
Thank you very much.
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
Great video and instructions. Thank you very much!
You're welcome.
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.
Thank you very much.
No worries!
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
this was perfect, thank you
Thank you for your support.
Sir where can i get the google maps api key.....your any video regarding this ??
thank you very much !
You are 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
I enjoyed this, thank you
You're very welcome.
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?
is it auto-update as your move or drive?
Yes
@@m_hussain_mustafa Thanks a lot, can you add distance calculation, like urba drive
i had a problem i cannot run flutter if i pub get location dependencies
Hi,
I don't understand what your issue is?
Thanks for your effort but sir I am using Android studio will it still work out for me sir...Thanks
Yes it should.
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
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. :)
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
Thanks, I learn lot
Glad to hear that!
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.
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?
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.
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
Puedo indexar a google search console un my maps
Gracias
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.
the google map api is not free right ?
It's free upto a certain limit
@m_hussain_mustafa i have a problem after the second run of the project of the video (the google map is blank but the google logo and + - is only showing)thank you very much.
Wow. Thanks for sharing. Its really helpful
Glad you liked it.
Bro I am getting issues with integration of the Google maps in my flutter project
Can you create video on behlf of geofancing and radius meeter on google map
the map not showing when i run on emulater ?
why
so in order tofollow this tutorial I should pay for the API key?
no i think its free (google map api)
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💔
its really amazing video , very helpful thanks a lot
Glad it was helpful!
Thanks
You're welcome 😊
best tutorial
Thanks. :)
Hi there! I had a question, I took the source location and destination location in two different cities 10 hours apart. What is happening now is that the polyline is not following the road, and is skipping the small turns in the directions (I feel like it is probalby because of less number of coordinates in the list. If that's the case, how can I increase the number of coordinates generated?).
Hi,
I'd honestly recommend taking a look at the documentation for these packages. That would be the best course of action as I can't recommend something of the top of my head.
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
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.
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?
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
Hello please help me, I can't see my Extended controls while using my own device as emulator
It is paid, can't do it by free??
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.
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.
dude that was crazy , you should work for google or sth tbh
Thanks. :)
Very useful video
Thank you.
What if i want to add 2 or more stops between origin and destination?
That should be possible with a little modification to the code. You can first display the 4 different points on the map, and then generate a path between them the same way you did for 2 points.
im not able to view the map, no errors, is it require google api keys
Yes you need to add the required Google Maps API Key as specified in the video. You can learn more about how to get the key here: pub.dev/packages/google_maps_flutter
@@m_hussain_mustafa but your not added in ur video Google cloud console Google api keys
@@rakshithgowda8782 I showed where the key needs to be added. I cannot show my own key as that needs to be kept private.
zoom button and Google log are showing but the map not showing help me
Have you checked the debug console for any errors?
Thank You
You're welcome
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?
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.
Thank you!!!
You’re welcome.