Flutter Google Maps Tutorial | Location Tracking, Maps, Markers, Polylines, Directions API

  Рет қаралды 89,074

Hussain Mustafa

Hussain Mustafa

Күн бұрын

💼 Book a meeting: cutt.ly/Pegxp5rA
💎 Ultimate Flutter UI Kit: cutt.ly/3w6tqwFA
In this video, I am going to show you how to work with Google Maps, Directions API, Markers, Location Tracking, and Poly Line Points to create a Flutter application that shows a Google Map to the user, on which they can see their location live while being able to display markers on other points of interest and using the Directions API and Flutter Poly Line Points compute and draw a path between them. We will be using Flutter, VSCode, Dart programming language, Google Maps API, Directions API, Flutter Location Package, and Flutter Polyline Points. Whether you're a beginner or an experienced user, this guide will help you set up and navigate through the process of using Google Maps within your Flutter project. This is an excellent guide for beginner Flutter developers as you will learn how to use Google Maps for Flutter on both iOS and Android.
Resources:
Source Code: cutt.ly/Fwvpz8KP
Google Maps Package: pub.dev/packag...
Location Package: pub.dev/packag...
Flutter Polyline Points: pub.dev/packag...
Socials:
Website: hussainmustafa...
Github: github.com/hus...
LinkedIn: / hussain-mustafa-960920184
Twitter: / hussain34274892
Buy Me A Coffee: cutt.ly/gwmvJbPQ

Пікірлер: 282
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
Download the source code here: cutt.ly/Fwvpz8KP
@muhammadahsan1627
@muhammadahsan1627 10 ай бұрын
sir any udemy free course available? any link plz
@m_hussain_mustafa
@m_hussain_mustafa 10 ай бұрын
@muhammadahsan1627 I do not have any free coupons available. Thanks.
@muhammadahsan1627
@muhammadahsan1627 10 ай бұрын
@@m_hussain_mustafa so please kindly a make detailed video on payment methods of stripe, bank or PayPal.
@m_hussain_mustafa
@m_hussain_mustafa 10 ай бұрын
@@muhammadahsan1627 Ok I’ll try to do that. Thanks
@muhammadahsan1627
@muhammadahsan1627 10 ай бұрын
@@m_hussain_mustafa Yes plz, Thanks Sir
@AyushKarki-pb7xc
@AyushKarki-pb7xc 5 күн бұрын
bro is really a 🗿chad ! thanks man
@m_hussain_mustafa
@m_hussain_mustafa 5 күн бұрын
Happy to help
@AyushKarki-pb7xc
@AyushKarki-pb7xc 5 күн бұрын
@@m_hussain_mustafa you saved me from getting kick out of project
@brunoabano6355
@brunoabano6355 Ай бұрын
One of the best tutorials I've watched, thank you!
@m_hussain_mustafa
@m_hussain_mustafa Ай бұрын
Awesome to hear that. Cheers 😊
@monaasim4522
@monaasim4522 5 ай бұрын
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
@m_hussain_mustafa
@m_hussain_mustafa 5 ай бұрын
Thank you very much.
@mohamaddody1338
@mohamaddody1338 4 ай бұрын
very helpful, self explanatory, straight to the point, 10/10
@m_hussain_mustafa
@m_hussain_mustafa 4 ай бұрын
You're welcome 😊
@destroyer6679
@destroyer6679 Ай бұрын
Best video for google maps integration with flutter app. Thanks
@m_hussain_mustafa
@m_hussain_mustafa Ай бұрын
You're welcome 😊
@giovannileon1063
@giovannileon1063 Ай бұрын
Greetings from Colombia!!! Thank you so much for this video, It really helped me.
@m_hussain_mustafa
@m_hussain_mustafa Ай бұрын
You're welcome 😊
@smv1949
@smv1949 11 ай бұрын
Thank you very much for your content, keep recording videos about flutter. They are very good!!!
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
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.
@InterimCyphinx
@InterimCyphinx Ай бұрын
Great video!...you are one of the best creators i ve ever seen
@m_hussain_mustafa
@m_hussain_mustafa Ай бұрын
Thank you 🙏
@RonyHassan47
@RonyHassan47 11 ай бұрын
Wow. Best video for beginners. Thank you so much. Keep uploading 😍
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
Thank you very much. I’ll keep uploading.
@RonyHassan47
@RonyHassan47 11 ай бұрын
😍😍😍@@m_hussain_mustafa
@user-fi6jp6pv9x
@user-fi6jp6pv9x 3 ай бұрын
Thank you for the tutorial ! I went to the console google maps docs it was not working but your video made it working
@m_hussain_mustafa
@m_hussain_mustafa 3 ай бұрын
Glad I could help
@yohohoho17
@yohohoho17 15 күн бұрын
thank you very much !
@m_hussain_mustafa
@m_hussain_mustafa 15 күн бұрын
You are welcome!
@Ashoqullah-j2w
@Ashoqullah-j2w 9 күн бұрын
best tutorial
@m_hussain_mustafa
@m_hussain_mustafa 9 күн бұрын
Thanks. :)
@mohdsameer2445
@mohdsameer2445 3 күн бұрын
dude that was crazy , you should work for google or sth tbh
@m_hussain_mustafa
@m_hussain_mustafa 3 күн бұрын
Thanks. :)
@user-jy8io1if7h
@user-jy8io1if7h 7 ай бұрын
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 .
@bilelben677
@bilelben677 24 күн бұрын
Thanks for quality of video 👏🏼
@m_hussain_mustafa
@m_hussain_mustafa 24 күн бұрын
You're welcome 😊
@moneyman-ne9lw
@moneyman-ne9lw 11 ай бұрын
Thanks for the epic video. Learned so much. Much appreciated. 😀
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
Glad you enjoyed it!
@trishahalder9605
@trishahalder9605 11 ай бұрын
Better than others, very transparent and intuitive
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
Thank you very much 😊
@sohanhalwa7405
@sohanhalwa7405 6 ай бұрын
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!
@m_hussain_mustafa
@m_hussain_mustafa 6 ай бұрын
Thank you very much for the kind words and your support. Means a lot to me.
@MrTKnighton
@MrTKnighton 8 ай бұрын
What a beautifully straightforward video. Thank you for showing how to configure both android and ios. Nice work :)
@m_hussain_mustafa
@m_hussain_mustafa 8 ай бұрын
Thank you, glad it worked out for you.
@Becoder15604
@Becoder15604 Ай бұрын
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
@m_hussain_mustafa
@m_hussain_mustafa Ай бұрын
Thanks and yes I'll try to create a tutorial on this topic soon.
@amathing6069
@amathing6069 8 ай бұрын
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?
@oumeiramadiihah5823
@oumeiramadiihah5823 2 ай бұрын
Yes , free of charge
@preneure
@preneure 11 ай бұрын
Great vid brother. Keep up the good work!
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
Appreciate it!
@debu113
@debu113 7 ай бұрын
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!
@m_hussain_mustafa
@m_hussain_mustafa 7 ай бұрын
Hi, take a look at this: pub.dev/packages/geofence_service
@shhhhh.
@shhhhh. Ай бұрын
Thanks
@m_hussain_mustafa
@m_hussain_mustafa Ай бұрын
You're welcome 😊
@JalalDEddin
@JalalDEddin 8 ай бұрын
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!
@phucgo6180
@phucgo6180 Ай бұрын
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 !
@karlledessinateur4191
@karlledessinateur4191 3 ай бұрын
thanks the video was very helpful
@m_hussain_mustafa
@m_hussain_mustafa 3 ай бұрын
Glad it helped
@SatishKumar-wk7we
@SatishKumar-wk7we 11 ай бұрын
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.
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
Thank you. I'll look into Mapbox for you.
@SatishKumar-wk7we
@SatishKumar-wk7we 11 ай бұрын
@@m_hussain_mustafa Thanks a lot for your timely response. Means a lot to me. :)
@victorcavalcante6767
@victorcavalcante6767 10 ай бұрын
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
@m_hussain_mustafa 10 ай бұрын
Thank you for your comment. The camera position only updates if the user moves. Otherwise, it does not.
@victorcavalcante6767
@victorcavalcante6767 10 ай бұрын
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
@burmaboy7998
@burmaboy7998 Ай бұрын
Thank tou very much 🤩
@m_hussain_mustafa
@m_hussain_mustafa Ай бұрын
You're welcome 😊
@ZaynOmer-mt4ow
@ZaynOmer-mt4ow 4 ай бұрын
dude quick and precise love it
@m_hussain_mustafa
@m_hussain_mustafa 4 ай бұрын
You’re welcome
@irfanganatra537
@irfanganatra537 Ай бұрын
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?
@GodwinChimdike
@GodwinChimdike 3 ай бұрын
Thanks for your effort but sir I am using Android studio will it still work out for me sir...Thanks
@m_hussain_mustafa
@m_hussain_mustafa 3 ай бұрын
Yes it should.
@kuan-weihuang5214
@kuan-weihuang5214 3 ай бұрын
thank tou
@m_hussain_mustafa
@m_hussain_mustafa 3 ай бұрын
You're welcome 😊
@kuan-weihuang5214
@kuan-weihuang5214 3 ай бұрын
@@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.
@GaBoyInKy
@GaBoyInKy 3 ай бұрын
Thank you very much.
@m_hussain_mustafa
@m_hussain_mustafa 3 ай бұрын
No worries!
@adebayowemimo4212
@adebayowemimo4212 4 ай бұрын
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.
@m_hussain_mustafa
@m_hussain_mustafa 4 ай бұрын
Thanks for the comment. I am trying to create good quality content related to Flutter. Good to know you like it. Awesome
@devjony
@devjony 3 ай бұрын
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
@m_hussain_mustafa
@m_hussain_mustafa 3 ай бұрын
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.
@user-mq6vy5mh1c
@user-mq6vy5mh1c 11 ай бұрын
Keep uploading videos. They are very useful
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
Thank you, I will
@indigo4evr
@indigo4evr 8 ай бұрын
Great video and instructions. Thank you very much!
@m_hussain_mustafa
@m_hussain_mustafa 8 ай бұрын
You're welcome.
@ss-qm5hz
@ss-qm5hz 8 ай бұрын
this was perfect, thank you
@m_hussain_mustafa
@m_hussain_mustafa 8 ай бұрын
Thank you for your support.
@Becoder15604
@Becoder15604 Ай бұрын
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
@noway2541
@noway2541 10 ай бұрын
you deserve more subscribers..
@m_hussain_mustafa
@m_hussain_mustafa 10 ай бұрын
That is very kind of you. I appreciate your support. Subscribe more content is on the way. Thank you.
@DKProduction-oo4ri
@DKProduction-oo4ri 4 ай бұрын
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
@m_hussain_mustafa
@m_hussain_mustafa 4 ай бұрын
Hi, The simulator has settings available on it to simulate location.
@DKProduction-oo4ri
@DKProduction-oo4ri 4 ай бұрын
@@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
@AnuragVerma-vs6dn
@AnuragVerma-vs6dn 5 ай бұрын
Great Video. One question though. Do we need to pay any fee to Google for using their APIs for background location?
@m_hussain_mustafa
@m_hussain_mustafa 5 ай бұрын
Hi, I believe the directions api is a paid resource.
@raminmgd5987
@raminmgd5987 4 ай бұрын
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.
@m_hussain_mustafa
@m_hussain_mustafa 4 ай бұрын
Hi, I believe you need to update your android SDK version.
@raminmgd5987
@raminmgd5987 4 ай бұрын
@@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?
@mayash9171
@mayash9171 Ай бұрын
Hi, is it possible to create all of that using non billing account google cloud?
@m_hussain_mustafa
@m_hussain_mustafa Ай бұрын
Hi that is not possible.
@honorable.
@honorable. 4 ай бұрын
ıt's awesome video good job
@m_hussain_mustafa
@m_hussain_mustafa 4 ай бұрын
Thank you appreciate the comment.
@samithasagara
@samithasagara 6 ай бұрын
Thanks, I learn lot
@m_hussain_mustafa
@m_hussain_mustafa 6 ай бұрын
Glad to hear that!
@areebanazim9837
@areebanazim9837 3 ай бұрын
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?!
@oumeiramadiihah5823
@oumeiramadiihah5823 2 ай бұрын
Same
@moisesbinzie
@moisesbinzie 10 ай бұрын
I enjoyed this, thank you
@m_hussain_mustafa
@m_hussain_mustafa 10 ай бұрын
You're very welcome.
@chrisharri7376
@chrisharri7376 8 ай бұрын
Thank you!!!
@m_hussain_mustafa
@m_hussain_mustafa 8 ай бұрын
You’re welcome.
@muhinrahib756
@muhinrahib756 8 ай бұрын
Wow. Thanks for sharing. Its really helpful
@m_hussain_mustafa
@m_hussain_mustafa 8 ай бұрын
Glad you liked it.
@ummii4804
@ummii4804 2 ай бұрын
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.
@m_hussain_mustafa
@m_hussain_mustafa 2 ай бұрын
Yes for the directions api billing has to be enabled.
@samsingh0
@samsingh0 Ай бұрын
Left off at 8:10
@trunghieule8975
@trunghieule8975 5 ай бұрын
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 )
@sa1n1v1pul
@sa1n1v1pul Ай бұрын
Sir where can i get the google maps api key.....your any video regarding this ??
@karlledessinateur4191
@karlledessinateur4191 3 ай бұрын
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?
@m_hussain_mustafa
@m_hussain_mustafa 3 ай бұрын
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.
@karlledessinateur4191
@karlledessinateur4191 3 ай бұрын
Okay I will do that thanks a lot
@rlt_app
@rlt_app 11 ай бұрын
Great content as always, love the new editing style in the videos.
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
Thank you very much.
@user-id7db2qp8p
@user-id7db2qp8p 5 ай бұрын
i had a problem i cannot run flutter if i pub get location dependencies
@m_hussain_mustafa
@m_hussain_mustafa 5 ай бұрын
Hi, I don't understand what your issue is?
@fayisamir5256
@fayisamir5256 9 күн бұрын
the map not showing when i run on emulater ? why
@Mr_Dilo
@Mr_Dilo 8 ай бұрын
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?
@m_hussain_mustafa
@m_hussain_mustafa 8 ай бұрын
Good to know it worked out for you.
@aminekazdari6908
@aminekazdari6908 5 ай бұрын
so to show road on google maps i should pay ??
@sumiabbasi2771
@sumiabbasi2771 3 ай бұрын
Is place api is paid
@user-hw7du1yb7j
@user-hw7du1yb7j 6 ай бұрын
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?
@m_hussain_mustafa
@m_hussain_mustafa 6 ай бұрын
Yes, you can.
@fedimakni1200
@fedimakni1200 6 ай бұрын
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
@fatwah_fir
@fatwah_fir 5 ай бұрын
Thanks man
@m_hussain_mustafa
@m_hussain_mustafa 5 ай бұрын
You're welcome.
@abuhurairah5046
@abuhurairah5046 4 ай бұрын
routes not displaying on the map why is this method billing adress issue?
@m_hussain_mustafa
@m_hussain_mustafa 4 ай бұрын
You need to enable billing api on your Google cloud project.
@abuhurairah5046
@abuhurairah5046 4 ай бұрын
@@m_hussain_mustafa ok thank you
@ahambasolomon9820
@ahambasolomon9820 10 ай бұрын
Thank You
@m_hussain_mustafa
@m_hussain_mustafa 10 ай бұрын
You're welcome
@KhushiMishra-nl3vt
@KhushiMishra-nl3vt 4 ай бұрын
Is this also update user location in background when application is terminated?
@reicaio
@reicaio 10 ай бұрын
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?
@m_hussain_mustafa
@m_hussain_mustafa 10 ай бұрын
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.
@reicaio
@reicaio 10 ай бұрын
@@m_hussain_mustafa in the video which android emulator are you using? Thank you!
@m_hussain_mustafa
@m_hussain_mustafa 10 ай бұрын
@@reicaio I use a pixel 7 simulator.
@ITech_BuildWithAI
@ITech_BuildWithAI 10 ай бұрын
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
@m_hussain_mustafa
@m_hussain_mustafa 10 ай бұрын
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.
@ameenliaqat9401
@ameenliaqat9401 9 ай бұрын
hey if you find any solution regarding your problem please let me know because i m looking for same approach
@ITech_BuildWithAI
@ITech_BuildWithAI 9 ай бұрын
Thank you@@m_hussain_mustafa
@ronyhassanroman
@ronyhassanroman 11 ай бұрын
Very useful video
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
Thank you.
@thatolebethe8069
@thatolebethe8069 8 ай бұрын
thank you so much sir
@m_hussain_mustafa
@m_hussain_mustafa 8 ай бұрын
You’re very welcome.
@sinethushan
@sinethushan 7 күн бұрын
💯🔥
@m_hussain_mustafa
@m_hussain_mustafa 7 күн бұрын
Thanks.
@therealhecker
@therealhecker 11 ай бұрын
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
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
Yes, absolutely. This tutorial video can be followed easily as long as you know basics of Flutter.
@danangjehan9733
@danangjehan9733 8 ай бұрын
Great Tutorial 👍👍👍👍
@m_hussain_mustafa
@m_hussain_mustafa 8 ай бұрын
You’re welcome
@scottbebington1330
@scottbebington1330 7 ай бұрын
when i try this i get: Controller was disposed before GoogleMap was ready. as an error, any idea how to fix this?
@m_hussain_mustafa
@m_hussain_mustafa 7 ай бұрын
Is the controller initialized properly? Are you disposing the controller somewhere else besides the onDispose lifecycle function?
@hashWorld-0
@hashWorld-0 5 ай бұрын
did u use real google api key or continue with the dummy one ?
@m_hussain_mustafa
@m_hussain_mustafa 5 ай бұрын
Hi, Yes you require a valid api key.
@user-yz6zf5my4t
@user-yz6zf5my4t 10 ай бұрын
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
@m_hussain_mustafa 10 ай бұрын
I'd recommend searching your specific issue on the internet. I haven't encountered this error, while developing the application myself.
@kashaf8863
@kashaf8863 10 ай бұрын
error occur when i run app at 5:47 error is: cannot read the properties of undefine (reading "maps") how can i solve it?
@m_hussain_mustafa
@m_hussain_mustafa 10 ай бұрын
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.
@kashaf8863
@kashaf8863 10 ай бұрын
@@m_hussain_mustafa ok will try again and thanks for reply
@kashaf8863
@kashaf8863 10 ай бұрын
@@m_hussain_mustafa error resolved
@KartikeyaAgnihotri-uo4jj
@KartikeyaAgnihotri-uo4jj 2 ай бұрын
use places api too
@anasraees5980
@anasraees5980 3 ай бұрын
Can we show street view in flutter apps?
@m_hussain_mustafa
@m_hussain_mustafa 3 ай бұрын
Hi, i don't have experience with this, but maybe take a look at documentation or google.
@anasraees5980
@anasraees5980 3 ай бұрын
@@m_hussain_mustafa ok thanks
@sri-nadh
@sri-nadh 9 ай бұрын
hey, what are the map sdks and apis you activated for getting the google map api-key?
@m_hussain_mustafa
@m_hussain_mustafa 9 ай бұрын
Hi, Take a look here pub.dev/packages/google_maps_flutter under the getting started section.
@ayoubamg1
@ayoubamg1 7 ай бұрын
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
@m_hussain_mustafa
@m_hussain_mustafa 7 ай бұрын
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.
@ayoubamg1
@ayoubamg1 6 ай бұрын
@@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💔
@Josivaphs
@Josivaphs 10 ай бұрын
When I enter the location at the beginning, the map does not appear, can you help me?
@m_hussain_mustafa
@m_hussain_mustafa 10 ай бұрын
Hi, have you compared your code with my code by downloading it? Are there any error logs?
@lll2282
@lll2282 8 ай бұрын
Same
@rakshita3627
@rakshita3627 8 ай бұрын
I checked mine I had problem that i dint delete the ios file, since api key generated is common for both android and ios and i was working with android
@ongyaoxiang1896
@ongyaoxiang1896 8 ай бұрын
same here anyone got an idea how to rectify it
@samithasagara
@samithasagara 6 ай бұрын
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 )
@m_hussain_mustafa
@m_hussain_mustafa 6 ай бұрын
Hi, I believe PolylineResult might not be displayed for bikes as they might sometimes go over terrain thats other than roads.
@sri-nadh
@sri-nadh 9 ай бұрын
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?
@gauravverma2921
@gauravverma2921 6 ай бұрын
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.
@jasonkingsbury8727
@jasonkingsbury8727 9 ай бұрын
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
@m_hussain_mustafa
@m_hussain_mustafa 9 ай бұрын
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.
@user-df3qe1qm1q
@user-df3qe1qm1q 6 ай бұрын
zoom button and Google log are showing but the map not showing help me
@m_hussain_mustafa
@m_hussain_mustafa 6 ай бұрын
Have you checked the debug console for any errors?
@stephenessoun164
@stephenessoun164 10 ай бұрын
hello 👋👋. I am getting request denied exception at point of implementing the polylines. Direction API is enabled by the way. Thanks for helping!
@kashaf8863
@kashaf8863 10 ай бұрын
can u plz tell me the sol ? the error occur at 5:47 cannot read the properties of undefine(read"maps)
@m_hussain_mustafa
@m_hussain_mustafa 10 ай бұрын
The best course of action might be to download the source code and compare your code with it.
@stephenessoun164
@stephenessoun164 10 ай бұрын
@@m_hussain_mustafa wasn't able to download. I tried several times when going through the tutorials.
@stephenessoun164
@stephenessoun164 10 ай бұрын
@@kashaf8863 what is the actual problem you are facing
@stephenessoun164
@stephenessoun164 10 ай бұрын
@@m_hussain_mustafa is there something extra to be done at the cloud side?
@garvinchanderia
@garvinchanderia 9 ай бұрын
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?).
@m_hussain_mustafa
@m_hussain_mustafa 9 ай бұрын
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.
@RajSingh-uv6eq
@RajSingh-uv6eq 2 ай бұрын
is it free map?
@m_hussain_mustafa
@m_hussain_mustafa 2 ай бұрын
No you require billing enabled on google cloud.
@Bright-Great
@Bright-Great 2 ай бұрын
is it auto-update as your move or drive?
@m_hussain_mustafa
@m_hussain_mustafa 2 ай бұрын
Yes
@Bright-Great
@Bright-Great 2 ай бұрын
@@m_hussain_mustafa Thanks a lot, can you add distance calculation, like urba drive
@osamajaved5029
@osamajaved5029 5 ай бұрын
I am unable to display google maps on android emulator.
@yassineaguelmam8674
@yassineaguelmam8674 9 ай бұрын
Is it possible to find the shortest road between two points on a map in firebase
@m_hussain_mustafa
@m_hussain_mustafa 9 ай бұрын
Yes it should be possible but you’d have to look at the documentation of the plugin.
@alifzakyarafiq8646
@alifzakyarafiq8646 8 ай бұрын
Does the direction polylines feature require a paid cloud console account? Thanks
@alifzakyarafiq8646
@alifzakyarafiq8646 8 ай бұрын
I have tried with free account but i have an error (Exception : Unable to get route: Response ---> REQUEST_DENIED)😢
@m_hussain_mustafa
@m_hussain_mustafa 8 ай бұрын
I believe you need to enable the directions api which also requires you to enable billing.
@alifzakyarafiq8646
@alifzakyarafiq8646 8 ай бұрын
@@m_hussain_mustafa do you mean billing is about payment?
@vijaybhaskar6993
@vijaybhaskar6993 7 ай бұрын
Its really helpful video for new flutter developers. Thanks for the video. But I am getting an issue on this line (Exception has occurred. _Exception (Exception: Unable to get route: Response ---> REQUEST_DENIED) for PolylineResult result = await polylinePoints.getRouteBetweenCoordinates( can you help me on this.
@m_hussain_mustafa
@m_hussain_mustafa 7 ай бұрын
You need to enable the billing api in your Google cloud project for Google maps and enable the directions api.
@sumiabbasi2771
@sumiabbasi2771 3 ай бұрын
Is necessary to enable billing for place api​@@m_hussain_mustafa
@erhantaskin4479
@erhantaskin4479 8 ай бұрын
Even though I use your source code, I get the following error. TypeError: Cannot read properties of undefined (reading 'maps')
@m_hussain_mustafa
@m_hussain_mustafa 8 ай бұрын
You need to configure Google maps api keys correctly within the project and Google console for the code to work.
@abuhurairah5046
@abuhurairah5046 4 ай бұрын
kotlin version issue is not solved yet I update the version but still facing error?
@m_hussain_mustafa
@m_hussain_mustafa 4 ай бұрын
I believe you'll also need to upgrade your Android SDK and NDK version on your system.
@abuhurairah5046
@abuhurairah5046 4 ай бұрын
@@m_hussain_mustafa i update every thing flutter upgrade android tudio complete with latest packages and sdks but kotlin version issue not solved yet location package causing this error "Execution failed for task ':location:compileDebugKotlin'. > A failure occurred while executing org.jetbrains.kotlin.compilerRunner.GradleCompilerRunnerWithWorkers$GradleKotlinCompilerWorkAction" "C:\Users\user\AppData\Local\Pub\Cache\hosted\pub.dev\location-5.0.3\android\src\main\java\com\lyokone\location\FlutterLocationService.kt: (302, 23):"
@ENTERTAINIAPRODUCTIONS
@ENTERTAINIAPRODUCTIONS 5 ай бұрын
@11.03 sir , i tired to update the kotlin version to 1.9.0 . But still i couldn't execute my code. It still says newer version of kotlin grade plugin. Please help
@areebanazim9837
@areebanazim9837 3 ай бұрын
Was the issue resolved.. I am getting the same error
@rakshithgowda8782
@rakshithgowda8782 11 ай бұрын
im not able to view the map, no errors, is it require google api keys
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
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
@rakshithgowda8782
@rakshithgowda8782 11 ай бұрын
@@m_hussain_mustafa but your not added in ur video Google cloud console Google api keys
@m_hussain_mustafa
@m_hussain_mustafa 11 ай бұрын
@@rakshithgowda8782 I showed where the key needs to be added. I cannot show my own key as that needs to be kept private.
Angular Full Course - Complete Zero to Hero Angular full Tutorial
8:00:43
WHO CAN RUN FASTER?
00:23
Zhong
Рет қаралды 46 МЛН
ISSEI & yellow girl 💛
00:33
ISSEI / いっせい
Рет қаралды 25 МЛН
Nurse's Mission: Bringing Joy to Young Lives #shorts
00:17
Fabiosa Stories
Рет қаралды 4,1 МЛН
Flutter Google Maps: Markers, Polylines, & Live Location Tracking
10:44
HeyFlutter․com
Рет қаралды 23 М.
Add a Google Map to your Flutter app - Geocasts
7:01
Google Maps Platform
Рет қаралды 16 М.
Flutter GetX Tutorial | Flutter GetX REST API & State Management
1:39:33
Hussain Mustafa
Рет қаралды 10 М.
How to become a Mobile App developer? (for dummies)
4:52
Khalid Warsame
Рет қаралды 1,3 М.
Flutter Google Map With Live Location Tracking
9:08
The Flutter Way
Рет қаралды 266 М.
Google Map tutorial | Flutter
14:43
CodeX
Рет қаралды 55 М.
We Built an App in 24 Hours [No Code]
11:56
Raw Startup
Рет қаралды 424 М.
Тест Ryzen AI 9 HX 370 и графики 890m
27:29
PRO Hi-Tech
Рет қаралды 96 М.
zamzam electronic Samsung S24 Ultra power🔥
0:14
Reversal gamer
Рет қаралды 15 МЛН
Самый дорогой телефон 2000х
0:54
МАДНЕСС
Рет қаралды 2,5 МЛН
Portrait Video Nanny Canon EosR5 + RF85 f1.2L DS
0:58
USA News
Рет қаралды 367 М.