Тёмный
No video :(

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

Hussain Mustafa
Подписаться 9 тыс.
Просмотров 88 тыс.
50% 1

💼 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

Опубликовано:

 

25 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 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
@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.
@brunoabano6355
@brunoabano6355 Месяц назад
One of the best tutorials I've watched, thank you!
@m_hussain_mustafa
@m_hussain_mustafa Месяц назад
Awesome to hear that. Cheers 😊
@AyushKarki-pb7xc
@AyushKarki-pb7xc 3 дня назад
bro is really a 🗿chad ! thanks man
@m_hussain_mustafa
@m_hussain_mustafa 3 дня назад
Happy to help
@AyushKarki-pb7xc
@AyushKarki-pb7xc 3 дня назад
@@m_hussain_mustafa you saved me from getting kick out of project
@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 😊
@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
@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 .
@mohdsameer2445
@mohdsameer2445 23 часа назад
dude that was crazy , you should work for google or sth tbh
@m_hussain_mustafa
@m_hussain_mustafa 21 час назад
Thanks. :)
@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
@InterimCyphinx
@InterimCyphinx Месяц назад
Great video!...you are one of the best creators i ve ever seen
@m_hussain_mustafa
@m_hussain_mustafa Месяц назад
Thank you 🙏
@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 😊
@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 !
@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!
@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.
@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
@yohohoho17
@yohohoho17 13 дней назад
thank you very much !
@m_hussain_mustafa
@m_hussain_mustafa 13 дней назад
You are welcome!
@Ashoqullah-j2w
@Ashoqullah-j2w 7 дней назад
best tutorial
@m_hussain_mustafa
@m_hussain_mustafa 7 дней назад
Thanks. :)
@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
@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?
@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.
@burmaboy7998
@burmaboy7998 Месяц назад
Thank tou very much 🤩
@m_hussain_mustafa
@m_hussain_mustafa Месяц назад
You're welcome 😊
@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
@bilelben677
@bilelben677 22 дня назад
Thanks for quality of video 👏🏼
@m_hussain_mustafa
@m_hussain_mustafa 21 день назад
You're welcome 😊
@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.
@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
@shhhhh.
@shhhhh. Месяц назад
Thanks
@m_hussain_mustafa
@m_hussain_mustafa Месяц назад
You're welcome 😊
@trishahalder9605
@trishahalder9605 11 месяцев назад
Better than others, very transparent and intuitive
@m_hussain_mustafa
@m_hussain_mustafa 11 месяцев назад
Thank you very much 😊
@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!
@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
@GodwinChimdike
@GodwinChimdike 2 месяца назад
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 2 месяца назад
Yes it should.
@sa1n1v1pul
@sa1n1v1pul Месяц назад
Sir where can i get the google maps api key.....your any video regarding this ??
@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 )
@fayisamir5256
@fayisamir5256 7 дней назад
the map not showing when i run on emulater ? why
@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.
@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
@raminmgd5987
@raminmgd5987 3 месяца назад
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 3 месяца назад
Hi, I believe you need to update your android SDK version.
@raminmgd5987
@raminmgd5987 3 месяца назад
@@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?
@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
@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.
@preneure
@preneure 11 месяцев назад
Great vid brother. Keep up the good work!
@m_hussain_mustafa
@m_hussain_mustafa 11 месяцев назад
Appreciate it!
@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.
@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.
@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.
@samsingh0
@samsingh0 Месяц назад
Left off at 8:10
@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?
@karlledessinateur4191
@karlledessinateur4191 3 месяца назад
thanks the video was very helpful
@m_hussain_mustafa
@m_hussain_mustafa 3 месяца назад
Glad it helped
@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
@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.
@KhushiMishra-nl3vt
@KhushiMishra-nl3vt 4 месяца назад
Is this also update user location in background when application is terminated?
@GaBoyInKy
@GaBoyInKy 3 месяца назад
Thank you very much.
@m_hussain_mustafa
@m_hussain_mustafa 3 месяца назад
No worries!
@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.
@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. :)
@honorable.
@honorable. 3 месяца назад
ıt's awesome video good job
@m_hussain_mustafa
@m_hussain_mustafa 3 месяца назад
Thank you appreciate the comment.
@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
@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.
@ZaynOmer-mt4ow
@ZaynOmer-mt4ow 4 месяца назад
dude quick and precise love it
@m_hussain_mustafa
@m_hussain_mustafa 4 месяца назад
You’re welcome
@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
@chrisharri7376
@chrisharri7376 8 месяцев назад
Thank you!!!
@m_hussain_mustafa
@m_hussain_mustafa 8 месяцев назад
You’re welcome.
@samithasagara
@samithasagara 6 месяцев назад
Thanks, I learn lot
@m_hussain_mustafa
@m_hussain_mustafa 6 месяцев назад
Glad to hear that!
@user-mq6vy5mh1c
@user-mq6vy5mh1c 10 месяцев назад
Keep uploading videos. They are very useful
@m_hussain_mustafa
@m_hussain_mustafa 10 месяцев назад
Thank you, I will
@ss-qm5hz
@ss-qm5hz 8 месяцев назад
this was perfect, thank you
@m_hussain_mustafa
@m_hussain_mustafa 8 месяцев назад
Thank you for your support.
@moisesbinzie
@moisesbinzie 10 месяцев назад
I enjoyed this, thank you
@m_hussain_mustafa
@m_hussain_mustafa 10 месяцев назад
You're very welcome.
@indigo4evr
@indigo4evr 8 месяцев назад
Great video and instructions. Thank you very much!
@m_hussain_mustafa
@m_hussain_mustafa 8 месяцев назад
You're welcome.
@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
@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.
@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?
@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.
@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.
@sri-nadh
@sri-nadh 8 месяцев назад
hey, what are the map sdks and apis you activated for getting the google map api-key?
@m_hussain_mustafa
@m_hussain_mustafa 8 месяцев назад
Hi, Take a look here pub.dev/packages/google_maps_flutter under the getting started section.
@fatwah_fir
@fatwah_fir 5 месяцев назад
Thanks man
@m_hussain_mustafa
@m_hussain_mustafa 5 месяцев назад
You're welcome.
@anasraees5980
@anasraees5980 2 месяца назад
Can we show street view in flutter apps?
@m_hussain_mustafa
@m_hussain_mustafa 2 месяца назад
Hi, i don't have experience with this, but maybe take a look at documentation or google.
@anasraees5980
@anasraees5980 2 месяца назад
@@m_hussain_mustafa ok thanks
@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
@muhinrahib756
@muhinrahib756 8 месяцев назад
Wow. Thanks for sharing. Its really helpful
@m_hussain_mustafa
@m_hussain_mustafa 8 месяцев назад
Glad you liked it.
@ahambasolomon9820
@ahambasolomon9820 10 месяцев назад
Thank You
@m_hussain_mustafa
@m_hussain_mustafa 10 месяцев назад
You're welcome
@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.
@osamajaved5029
@osamajaved5029 5 месяцев назад
I am unable to display google maps on android emulator.
@therealhecker
@therealhecker 10 месяцев назад
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 10 месяцев назад
Yes, absolutely. This tutorial video can be followed easily as long as you know basics of Flutter.
@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.
@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
@sri-nadh
@sri-nadh 8 месяцев назад
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.
@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💔
@sinethushan
@sinethushan 5 дней назад
💯🔥
@m_hussain_mustafa
@m_hussain_mustafa 5 дней назад
Thanks.
@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.
@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.
@ronyhassanroman
@ronyhassanroman 11 месяцев назад
Very useful video
@m_hussain_mustafa
@m_hussain_mustafa 11 месяцев назад
Thank you.
@danangjehan9733
@danangjehan9733 8 месяцев назад
Great Tutorial 👍👍👍👍
@m_hussain_mustafa
@m_hussain_mustafa 8 месяцев назад
You’re welcome
@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?
@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
@devhanhansaja6305
@devhanhansaja6305 Месяц назад
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
@aquonelocal
@aquonelocal Месяц назад
@m_hussain_mustafa same issue! Could will be the API KEY Services, if 'yes' that what API Services Must be?
@devhanhansaja6305
@devhanhansaja6305 Месяц назад
@@aquonelocal I dont think it's an issue with API. might be because of some changes in classses
@thatolebethe8069
@thatolebethe8069 8 месяцев назад
thank you so much sir
@m_hussain_mustafa
@m_hussain_mustafa 8 месяцев назад
You’re very welcome.
@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):"
@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?
@RajSingh-uv6eq
@RajSingh-uv6eq 2 месяца назад
is it free map?
@m_hussain_mustafa
@m_hussain_mustafa 2 месяца назад
No you require billing enabled on google cloud.
@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.
@gentleberry185
@gentleberry185 10 месяцев назад
What if i want to add 2 or more stops between origin and destination?
@m_hussain_mustafa
@m_hussain_mustafa 10 месяцев назад
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.
@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.
@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.
@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
Далее
skibidi toilet multiverse 041
06:01
Просмотров 5 млн
HOW DID SHE DECIDE TO DO THIS?!
00:27
Просмотров 7 млн
Whoa
01:00
Просмотров 20 млн
Add a Google Map to your Flutter app - Geocasts
7:01
Flutter Google Map With Live Location Tracking
9:08
Просмотров 266 тыс.
Flutter Maps using Open Street Maps - بالعربي
13:50
Redis Crash Course
27:31
Просмотров 618 тыс.
65  - google map   ( flutter 2023 )
7:42
Просмотров 10 тыс.
The Complete App Development Roadmap [2024]
7:52
Просмотров 161 тыс.
skibidi toilet multiverse 041
06:01
Просмотров 5 млн