Flutter Google Map With Live Location Tracking

Поділитися
Вставка
  • Опубліковано 11 гру 2024

КОМЕНТАРІ • 214

  • @kenbinta2246
    @kenbinta2246 2 роки тому +18

    This dropped in time when I needed it

  • @sontranthanh5564
    @sontranthanh5564 2 роки тому +5

    omg, I've been doing a project about google Maps and everything relevant for a month, now I saw your video, that's very helpful. Thank you so much because of keeping doing this.

  • @mukhtaralikhan6478
    @mukhtaralikhan6478 Рік тому +6

    I was searching for this tutorial for a long time, finally I found it, thank you very much. Make more tutorials on Google map, if possible😍

  • @callmeyourbae2859
    @callmeyourbae2859 2 роки тому +2

    It feels like you read my mind, right now, I really need this for my thesis, thankyou

  • @learnandroidwithalamgir
    @learnandroidwithalamgir 2 роки тому +2

    এই চ্যানেলটা যে বাংলাদেশের সেটা অনেকেই জানেন না। 💚💚💚

  • @mohanpremathilake915
    @mohanpremathilake915 2 роки тому +7

    I was looking for this for a long time. thank you very much!

  • @azhagappankathiresan5338
    @azhagappankathiresan5338 2 роки тому

    The best tutorial for live location tracking

  • @williamromerovela
    @williamromerovela 2 роки тому

    This tutorial is great solution for many of us which we are looking for.

  • @MultiSciGeek
    @MultiSciGeek 2 роки тому

    I don't know what this is but it seem perfect for what I need!

  • @uixxy
    @uixxy 2 роки тому +6

    Awesome tutorial for beginners 🔥

    • @TheFlutterWay
      @TheFlutterWay  2 роки тому +1

      Thank you 🙌

    • @hassamkayani2521
      @hassamkayani2521 Рік тому

      void getPolypoint()async{
      PolylinePoints polylinepoint=PolylinePoints();
      PolylineResult result=await polylinepoint.getRouteBetweenCoordinates(
      gooleApiKe,
      PointLatLng(sourceLocation.latitude,DestionationLocation.longitude ),
      PointLatLng(DestionationLocation.latitude, DestionationLocation.longitude)
      );
      }
      gooleApiKe, error in this googleApiKey please solve this

    • @devhanhansaja6305
      @devhanhansaja6305 5 місяців тому

      @@hassamkayani2521 I also have th esame issue. did you solve this?

  • @mruduladdipalli5417
    @mruduladdipalli5417 2 роки тому +2

    Awesome explanation

  • @userprod2825
    @userprod2825 9 місяців тому +1

    the polyline direction is using Google Maps Directions API right ? is it paid ? what is the pricing mechanism on it. i don't have clear information on their web. many thank you 🙏

  • @gyanratan8247
    @gyanratan8247 2 роки тому

    I'm in tears I found this Needed very much
    Thank you so much sir
    Can we show share the live location on another device (like tracking )

  • @metatronicx
    @metatronicx 2 роки тому +3

    You deserve more subs man. Great work thank you

  • @LIGHT-en5yr
    @LIGHT-en5yr 2 роки тому

    you are the best flutter dev thank you.

  • @davidtzirima9301
    @davidtzirima9301 2 роки тому +1

    woow thanks man , i like the voice overs ones

  • @dantedt3931
    @dantedt3931 2 роки тому

    Best Flutter channel.Thanks for this.

  • @FarooqIT
    @FarooqIT 2 роки тому

    Wow so beautifully explained

  • @carminefederico2091
    @carminefederico2091 2 роки тому +1

    great tutorial! i have only one question. In the video at min 4:07 u restart the app for update current location from null to current lat lng. Know you a method without restart the app or maybe update automatically the current location without restart the app?

    • @gtkmike5141
      @gtkmike5141 2 роки тому +3

      Same issue here. infact the app is crashing When I try to hot reload. the currentLocation variable is always null and keep on “Loading” any resolution for this issue?

    • @syedhussain5488
      @syedhussain5488 Рік тому

      ​@@gtkmike5141 I am facing the same issue after completing the code snippet from the video.
      Did you resolve?

    • @rejo8224
      @rejo8224 Рік тому

      did you resolve?

    • @rejo8224
      @rejo8224 Рік тому

      @@syedhussain5488 did you resolve?

    • @rejo8224
      @rejo8224 Рік тому

      @@gtkmike5141 did you resolve?

  • @malluvocalist1416
    @malluvocalist1416 Місяць тому

    But this will only work on foreground also screen must be on hiw to do it in background i have implemented but some device will kill it in background why do you have an idea to sort it out how does other apps like uber works. They have no issues right

  • @JacksonLim-e9x
    @JacksonLim-e9x 10 місяців тому

    Amazing video for flutter google map

  • @rise4gamers506
    @rise4gamers506 2 роки тому

    The best tutorial . thanku man

  • @vfthome-yt
    @vfthome-yt Рік тому

    Thank you for the tutorial!

  • @SalarAzad
    @SalarAzad 2 роки тому +3

    amazing tutorial! it helped me a lot, thank you

    • @hassamkayani2521
      @hassamkayani2521 Рік тому +1

      void getPolypoint()async{
      PolylinePoints polylinepoint=PolylinePoints();
      PolylineResult result=await polylinepoint.getRouteBetweenCoordinates(
      gooleApiKe,
      PointLatLng(sourceLocation.latitude,DestionationLocation.longitude ),
      PointLatLng(DestionationLocation.latitude, DestionationLocation.longitude)
      );
      }
      gooleApiKe, error in this googleApiKey please solve this

  • @vianeyvargas7736
    @vianeyvargas7736 2 роки тому +1

    Brigth video Thanks. Please upload using flutter bloc Google maps, tracking, Location

  • @taufiqhasib9720
    @taufiqhasib9720 2 роки тому +1

    Sir, for this type of of google map is taken any charge or cost by google ?

  • @gonzaloortiz608
    @gonzaloortiz608 2 роки тому

    you're a genius, thank you!

  • @Antennosilva
    @Antennosilva Рік тому

    its good if u can show how we can add packages too

  • @tarunjain134
    @tarunjain134 Рік тому +1

    If we move from point a to b in reality , will the app show our collect position as we move , please tell ?

  • @moulikarri430
    @moulikarri430 5 місяців тому

    Can you please explain, how do you get the smooth movement of the marker while moving from source to destination.

  • @shalarasgar3276
    @shalarasgar3276 Рік тому

    Thank you very much 👍

  • @temoorx
    @temoorx 2 роки тому +1

    Love you for this but can you make a complete food delivery app including live tracking.

  • @anuragdeshmukh1575
    @anuragdeshmukh1575 2 роки тому

    Thanks man..awesome tutorial.

  • @BboyAlekSenenoi
    @BboyAlekSenenoi 2 роки тому +2

    Became a patron but having a hard time understanding source code with code of this video. For example, there is a "map_sample.dart" but not an "order_traking_page.dart". It appears they are the same. But how is the code edited in "map_sample.dart" in relation to following along with this video?

    • @TheFlutterWay
      @TheFlutterWay  2 роки тому

      If you want to follow along with this video check this one, www.patreon.com/posts/live-order-on-67926457

  • @rawanadel5428
    @rawanadel5428 Рік тому +2

    Hello and thank you for the amazing informative video.
    I was wondering if this could be used for indoor navigation in a large institute (my university) if it is already on google maps but there are direct routes between the buildings

    • @salehjamali6716
      @salehjamali6716 Рік тому

      were u able to make the indoor navigation app cuz i also need help with it

    • @Caballo-n7l
      @Caballo-n7l Рік тому

      @@salehjamali6716 GPS satellites don't work properly inside buildings.

  • @rvN7HD
    @rvN7HD Рік тому +1

    please give me name of the song at the end of the video

  • @Pedro5antos_
    @Pedro5antos_ 2 роки тому

    AWESOME, thanks for shairing!

  • @moazahmed5388
    @moazahmed5388 2 роки тому +1

    @The Flutter Way
    you may wanna remove your api key at 1:17
    take care brother.

  • @shrivastavvikas4490
    @shrivastavvikas4490 2 роки тому +1

    How can i enable the location and speed setting page in physical device? You are doing on simulator .i have to do in physical device. waiting for your reply?

  • @prasertpromvong3031
    @prasertpromvong3031 2 роки тому

    Thank you for great tutorial.

  • @doctorcode2636
    @doctorcode2636 2 роки тому

    Nice Tutorial.

  • @shohruhmasharipov8524
    @shohruhmasharipov8524 10 місяців тому

    Which apis should I enable for api key in Restrict key?
    Please answer my question!
    is not drawing a line in my project

  • @jackle7425
    @jackle7425 2 роки тому +9

    I found an issue from your video, you are using setState method all the time when the current marker is moving. If it is true, you have to set delayed time to call setState. Thanks for reading my ideas.

    • @TheFlutterWay
      @TheFlutterWay  2 роки тому +2

      Thank you so much, great idea!

    • @abhishekjain5986
      @abhishekjain5986 2 роки тому

      can you please elaborate how you are saying to use delay ?

    • @jackle7425
      @jackle7425 2 роки тому

      @@abhishekjain5986 The author is using setState method all the times, if you do not delay your app will be lagged and could crash any time

    • @abhishekjain5986
      @abhishekjain5986 2 роки тому

      @@jackle7425 thanks for replying. Do you have a workaround for that?

    • @AlexanderSuraphel
      @AlexanderSuraphel 2 роки тому +4

      @@abhishekjain5986 you can change the interval as such await location.changeSettings(accuracy: LocationAccuracy.high, interval: 1, distanceFilter: 0.1);

  • @ahmedfouda45
    @ahmedfouda45 2 роки тому +2

    hello friend great video but there is an issue at polyline not drawing route on the map, please tell me how could i solve this issue?

  • @AlexanderSuraphel
    @AlexanderSuraphel 2 роки тому +1

    Flutter UI Kit looks great! It's a steal to get all those pages for just $99. Do you provide updates after purchase for a limited time like how Web Dev template creators do?

  • @alapanroy1114
    @alapanroy1114 Рік тому +1

    Do you have any beginners course?? Your way of explaining things good. 😊

  • @albertowong5069
    @albertowong5069 2 роки тому +1

    LocationData is a class ? where find it?

  • @nhatlevuminh7031
    @nhatlevuminh7031 2 роки тому +1

    Can you do this with flutter_map plugin and with geoapify or openrouteservice api instead of google map?

  • @winnielu3515
    @winnielu3515 5 днів тому

    does the google map API need to pay for the live location of rider ? and is there any monthly fee charged by google map ?

  • @shortx007
    @shortx007 2 роки тому +1

    can u create freelance on demand projects?

  • @noumanqureshi3503
    @noumanqureshi3503 2 роки тому +2

    Hi how can I set my source location as the current location of device and destination as the location from firestore?

  • @arfa4749
    @arfa4749 Рік тому

    i want to show multiple markers as it is a tracking app
    Is it possible in this kindly reply its urgent

  • @rezashah22
    @rezashah22 2 роки тому

    Thanks for putting together this nice and awesome flutter tutorial

  • @keithbacalso9433
    @keithbacalso9433 2 роки тому +1

    I followed everything, but my currentlocation is not moving, but when I print the LAT and LON they change a little bit. The marker of my current location just moves a little bit the ngoes back to normal position. :( :(
    I am using Windows Android Emulator. Do I have to move in my current location in order to see my current location marker move? I guessthat is the problem of Windows or Android Emulator? Because Macs has `Freeway Drive`?

  • @theworldanime5718
    @theworldanime5718 11 місяців тому

    मैं अपने पीसी से ऑडियो सुनने के लिए बहुत इच्छुक हूं
    main apane peesee se odiyo sunane ke lie bahut ichchhuk hoon

  • @aminsirwan1329
    @aminsirwan1329 Рік тому

    bro to use google maps need login in google could to enable this API ? or don't needs that just like you i can use google maps ?

  • @theGRFN_13
    @theGRFN_13 2 роки тому

    Is it possible to use this map and set a waypoint to a bluetooth powered device ie an airtag?

  • @Jiayoujiayoulalalla
    @Jiayoujiayoulalalla 9 місяців тому

    can you make a geofencing tutorial as well?

  • @hi6304
    @hi6304 2 роки тому

    Cool demo with a simplest code

  • @peternkane483
    @peternkane483 2 роки тому

    Excellent I appreciate 👍

  • @seendeol6787
    @seendeol6787 2 роки тому

    Hi I like your video but I've a question. Is there any problem with location pack. I couldn't add it to dependencies. Do you have any idea ?

  • @SubodhKumar-mh7ni
    @SubodhKumar-mh7ni 10 місяців тому

    Can we use same for flutter web. And wanted to use route with more than 2 lat long

  • @gehadbadr8
    @gehadbadr8 5 місяців тому

    Thanks pro❤

  • @krishankantgour6982
    @krishankantgour6982 2 роки тому +1

    plz make video on full text search from firebase

  • @hasipattopl7409
    @hasipattopl7409 2 роки тому +2

    1:15 how to get my API_KEY ??

    • @TheFlutterWay
      @TheFlutterWay  2 роки тому +1

      Check this out
      setcompass.com/How-to-Get-Google-Maps-API-Key-Guide.htm

  • @sudhirmanandhar4818
    @sudhirmanandhar4818 2 роки тому

    Hello sir i would be kind of you to do a video on dio caching and offline network handling

  • @chamithudinsara9557
    @chamithudinsara9557 Рік тому

    hi this was amazing❤
    how we can add white plane customized map instead of using google map,could u please do the tutorial for it.

  • @desiaraj3278
    @desiaraj3278 2 роки тому

    Thank you so much

  • @gatesbill447
    @gatesbill447 2 роки тому +1

    how can i show traffic for polyline bro. thanks

  • @cursebeasts
    @cursebeasts 9 місяців тому

    Excuse me,
    does google charge us from using this api ? or is it some kind of our creativity, which mean we only use google map to display map?

  • @fayisRahman
    @fayisRahman Рік тому

    is there a way to remove the polylines as you move forward..(i tried the directionApi request in a loop using a timer)... i wamr to know if there is any other way

    • @LetsSink
      @LetsSink 9 місяців тому

      I think it should be possible if you generate polylines again after updating the current location variable

  • @adjeirichard9239
    @adjeirichard9239 2 роки тому

    i really love your video,very entertaining. But how can i get the location into textformfield ?

  • @jojoji54
    @jojoji54 2 роки тому +1

    I have a little problem with this code. Using this kind of location, I can't use Zoom option. I mean, when I'm trying to zoom out, the camera positions always return to the same state/position,, any idea ?

    • @dawnriddler
      @dawnriddler Рік тому

      Is this at the end, after adding the icons? Cause I have the same problem. I click the + but it keeps zooming out.

    • @jojoji54
      @jojoji54 Рік тому

      I solved my problem, this caused because the camera zoom is always reloading from the widget@@dawnriddler

  • @Bootngoals
    @Bootngoals 2 роки тому

    Just what I need. Thank you.

  • @somethingcreative9137
    @somethingcreative9137 2 місяці тому

    would it work if the app is killed or in BG, would i be able to track location?

  • @parlayanyldzlar8128
    @parlayanyldzlar8128 Рік тому

    In this video, I can't understand which api we will be charged for. I watch a lot of videos. For example, in this video, we will be charged through the static view api and the places api, after all, there are both. Can you help?

  • @tammodirksen1408
    @tammodirksen1408 Рік тому

    But once you call setstate won’t this mean extra costs going to Google for reloading the entire app? If you update the location you certainly want to avoid map reloads, right? Or am I wrong?

  • @ayoubamg1
    @ayoubamg1 10 місяців тому

    hello, Im setting all the dependecies for google map but it's not working, while executing the screen stays white the map not displaying

  • @atholabahizire
    @atholabahizire 2 роки тому

    Great one

  • @melih-guler
    @melih-guler 2 роки тому

    How can I put more than two dots, respectively showing directions between them?

  • @trungle1250
    @trungle1250 2 роки тому

    Why is it not showing up draw route? 3:28
    Can you help me?

    • @interesting917
      @interesting917 2 роки тому

      Enable direction api and maybe set api key, it works for me

    • @mariodanielalexandergarcia278
      @mariodanielalexandergarcia278 2 роки тому

      You have to create the key api, follow the steps in the tutorial

    • @dawnriddler
      @dawnriddler Рік тому

      @@interesting917 where do you enable direction api?

  • @lahirutharaka3810
    @lahirutharaka3810 2 роки тому +2

    it gives an error
    CastError (Null check operator used on a null value)

  • @URIXMX
    @URIXMX 2 роки тому +1

    I had an issue when i update the new camera position, it stuck on "loading" map

  • @nasirkhalil5112
    @nasirkhalil5112 2 роки тому

    does that need billing or need to pay for showing polylines? because every time i try it returns empty array/list of polyline results

    • @sevikharvarid9893
      @sevikharvarid9893 Рік тому

      Hi, have you find the solution ?

    • @nasirkhalil5112
      @nasirkhalil5112 Рік тому

      @@sevikharvarid9893 yup you need to set your billing method on Google console. Polyline api is paid.

  • @khuongnguyen3544
    @khuongnguyen3544 2 роки тому

    is the API used in this project billing-enabled, i'm having some trouble and think that might be the prob

    • @TheFlutterWay
      @TheFlutterWay  2 роки тому +1

      You should use your own API.

    • @khuongnguyen3544
      @khuongnguyen3544 2 роки тому

      @@TheFlutterWay I'm using my own non-billing API and having some problems, just asking to make sure billing is the problem here. Like, is billing a MUST to use the Directions API ?

    • @TheFlutterWay
      @TheFlutterWay  2 роки тому

      @@khuongnguyen3544 To use the Directions API, you must enable billing on each of your projects and include an API key with all API or SDK requests. The Directions API uses a pay-as-you-go pricing model.

  • @keithbacalso9433
    @keithbacalso9433 2 роки тому

    Next Up, please do Stripe flutter payment tutorial 😃 please please please I would love to learn it from you

  • @naveedkaimkhami2695
    @naveedkaimkhami2695 Рік тому

    Thank youuuuu

  • @carlosjohnson4421
    @carlosjohnson4421 Рік тому

    okay i guess im doing something wrong here, for the current location im getting the default google location how can i change it

  • @deenaadil6153
    @deenaadil6153 2 роки тому

    How Can I use text instead of image inside the marker icons?

  • @aimanilyasa4365
    @aimanilyasa4365 2 роки тому

    is the google map API need to pay to be use?

  • @tobbymarchal3140
    @tobbymarchal3140 6 місяців тому

    How the google map api pricing works?

  • @seetheworld3839
    @seetheworld3839 Рік тому

    What if the app is closed will it still detect location ? Please reply!

  • @SakhanyaSwartbooi
    @SakhanyaSwartbooi Рік тому

    Where can i get the custom markers

  • @gtkmike5141
    @gtkmike5141 2 роки тому +1

    The result of this program is “ Loading” only. the current location variable is always throwing null result. any solution for that?

  • @farazmughal8505
    @farazmughal8505 2 роки тому

    I have stuck in one issue that my marker is not moving however my LatLng is updating continuously

  • @eokdev
    @eokdev Рік тому

    Constantly getting a null check error for LocationData? currentLocation

  • @Raiz0NeverDies
    @Raiz0NeverDies Рік тому

    I have problems when launching the app, it stucked in loading screen!!! please help

  • @KamranKhan-jy1it
    @KamranKhan-jy1it 2 роки тому

    Great work..I think you will be work better if it is true show it some more useful content..

  • @cloudsdialsupport
    @cloudsdialsupport 8 місяців тому +2

    mapla paathi wrong

  • @felixarchibong7337
    @felixarchibong7337 Рік тому

    thanks for the video but the link to the complete source code is not working. can you share a new link thanks