Flutter Google Maps + Firestore Geolocation - Build the next Uber?

Поделиться
HTML-код
  • Опубликовано: 14 фев 2019
  • Looking to build something like Uber? Learn how to combine 🐦Flutter, 🔥 Firestore, and 🌐 Google Maps to create a realtime geolocation system for iOS & Android. fireship.io/lessons/flutter-r...
    - Darshan Gowda fireship.io/contributors/dars...
    - GeoFlutterFire pub.dartlang.org/packages/geo...
    - Flutter Google Maps pub.dartlang.org/packages/goo...
  • НаукаНаука

Комментарии • 182

  • @darshangowda309
    @darshangowda309 5 лет назад +109

    Awesome video as always! 🔥🔥
    Thanks for the shoutout 🤘🏼🤘🏼

    • @Fireship
      @Fireship  5 лет назад +7

      Keep up the great work!

    • @hemantht3877
      @hemantht3877 5 лет назад +1

      Danyavada gowdre

    • @aarongardiner1811
      @aarongardiner1811 5 лет назад

      Darshan Gowda would you be interested in working on a similar project ? For the Caribbean?

    • @zenakedchef9004
      @zenakedchef9004 4 года назад

      @@Fireship Good day is it possible to get the video in HereMaps

    • @Gigabyteserviceofficial
      @Gigabyteserviceofficial 4 года назад +1

      Dil khush ho Gaya jub ek Indian ka name suna 😍😍😍 thank you..

  • @willzarem
    @willzarem 5 лет назад +50

    This is literally the demo I needed to convince my boss to use flutter in our next app. Thanks!

    • @Fireship
      @Fireship  5 лет назад +7

      Nice! Keep in mind the gmaps package is currently in dev preview. Pretty awesome already, but lacking some features.

    • @willzarem
      @willzarem 5 лет назад +1

      I'll keep it in mind, thanks for the heads up! 🤟🏻

    • @robertstevens7682
      @robertstevens7682 5 лет назад

      @@Fireship Thanks for your vids. I feel that Firebase/firestore is great for prototypes or POCs (proof of concepts) but how do you feel about using firestore/cloud functions vs (for example) a serverless lambda deployement for production?

    • @ShivamJha00
      @ShivamJha00 3 года назад

      @@robertstevens7682 Firebase is completely production ready

  • @Learco1996
    @Learco1996 5 лет назад +2

    Just what i've been searching for a project i'm working, thanks man!

  • @downbelxw
    @downbelxw 5 лет назад +16

    I feel that we need more people on youtube like you.

    • @IsaacLarbiOnline
      @IsaacLarbiOnline 5 лет назад

      your tutorials are on point man!!, do you have any flutter courses, if not create one, you have one customer, learning from you will be great

  • @basudevnayak4753
    @basudevnayak4753 3 года назад

    the amount of information you cover withing scuh short video length is really impressive.

  • @unkownvirtualguy7553
    @unkownvirtualguy7553 5 лет назад +7

    You are MADLY underrated!

  • @tdoge
    @tdoge 3 года назад

    Efficient delivery of the flutter feature I was looking for. Awesome video!

  • @grzegorzsokalski7328
    @grzegorzsokalski7328 5 лет назад +2

    I start loving Flutter cuz of yours videos like that ;)

  • @josephsellu
    @josephsellu 4 года назад

    Great video. I'm looking forward to seeing flutter used for indoor navigation as much of the navigation packages are based on outdoor geolocator

  • @jlod004
    @jlod004 5 лет назад +1

    Great video, thanks for that. Just letting everyone know that in the plist file i had to change to for it to work, was getting a build error.

  • @jaredweiss6974
    @jaredweiss6974 Год назад

    Great video. This helps a lot in understanding how I'd build an app that a friend is asking me to help him with. Main thing left for me is to understand the cost of this (db reads/writes)

  • @sephyshen2510
    @sephyshen2510 5 лет назад

    very helpful video which makes me understand how to interact with Firebase.

  • @mozesong5264
    @mozesong5264 5 лет назад +3

    thanks for sharing this new plugin. the other ones are hella confusing

  • @barungh
    @barungh 5 лет назад

    I have become fan of your tutorials,
    If learning from Brad Traversy's channel is like High School degree , then yours is a Master Degree ☺️
    I am always impatient for your new videos, and when watching, I often get overwhelmed.
    Thanks a lot for your fabulous works.

    • @Fireship
      @Fireship  5 лет назад +1

      Haha, I try to keep most of the content pretty fast and advanced, but still approachable.

  • @AdemoyeOpeoluwa
    @AdemoyeOpeoluwa 5 лет назад +3

    Great, can you please make an uber app tutorial series.

  • @lucafica6905
    @lucafica6905 3 года назад +2

    Thank you, great video. I have a question: is it possible in flutter to let the user add markers on the map and then save it to firestore to make them visible to all the other user?
    I am making an app where the collaboration of the users in adding marker is crucial. Thank you in advance for your reply.

  • @floridosmarpepa8904
    @floridosmarpepa8904 5 лет назад +2

    Great video. More Flutter videos would be awesome . Thank you

  • @Busisanimac
    @Busisanimac 5 лет назад

    Hey i am a new suscriber looking forward to the uber series in flutter

  • @jefffrazier6813
    @jefffrazier6813 5 лет назад +5

    @Fireship, I would KILL to see this refactored with Provider for the radius and streams. Pretty please?

  • @Magnetron692
    @Magnetron692 3 года назад

    Thanks a lot! Nicely done!

  • @storylineteam
    @storylineteam 4 года назад

    Again great video! Is there any way to clamp the map and the ability to move in only one country via restrictions?

  • @91djdj
    @91djdj 5 лет назад

    The tutorial is awesome!! Any chance to make a video about creating something like the Google Trips app? Especially the map section with this POI - infocards? I couldnt find anything similar on the net until now. 😞

  • @TheSILVERVEVO
    @TheSILVERVEVO 5 лет назад

    Hi Jeff awesome content, can you make a video on using angular and firebase to filter multidata for example category: cars> brand:bmw> make:316> year:2010 etc

  • @Lensbreak
    @Lensbreak 3 года назад +38

    How about scaling? The Firestore is too expensive for a Geo app, isnt it? It's better to use the realtime database where you are not charged on the amount of reads/writes? Let's say you got 1000 users connecting to the map to see each others location (find my friends app). Let's say the location is updated 4 times/minute during 1h. That alone results in 240M reads and costs you 150$ !!! Just for one hour of usage. This seems not plausible. Or do I make a mistake? PS: I did not watch the whole video yet.

    • @Pratham244
      @Pratham244 3 года назад +3

      Answer, please?

    • @tapizquent
      @tapizquent 3 года назад +4

      Can someone please comment on this? It does sound like a very expensive approach and not scalable at all.

    • @umitkirtil
      @umitkirtil 3 года назад

      this is exactly what i thought when i see first time those prices on firebase etc...

    • @william_chidube
      @william_chidube 2 года назад

      Valid concern. Shame no response here.

    • @gameplaystrailers7797
      @gameplaystrailers7797 2 года назад +1

      Can anyone tweet this to flutter

  • @divinedela9125
    @divinedela9125 5 лет назад +4

    Great and useful video as always..Can't wait for your flutter course

    • @Fireship
      @Fireship  5 лет назад +2

      Thank you, hopefully next month. Currently working on a stripe payments course.

    • @divinedela9125
      @divinedela9125 5 лет назад

      @@Fireship yaaaasss

    • @IsaacLarbiOnline
      @IsaacLarbiOnline 5 лет назад

      @@Fireship so i just commented that create a flutter course, and i say this comment... it's 3 months .... what's the udemy link, hurry up, don't tell me you disappointed.. i have my visa ready man and i just got paid, don't you want your share of that salaryyy

  • @bashbash
    @bashbash 4 года назад

    awesome mahn. how about performance? Can a delivery service rely on firebase realtime database to stream multiple live location to thousands of users ?

  • @mouttafiqimane7346
    @mouttafiqimane7346 5 лет назад

    thank you for this interesting video it help a lot

  • @yashsavsani3981
    @yashsavsani3981 4 года назад +3

    Some of the widgets attributes does not work after the update...like in googlemaps widget tracecamera is being discontinued ....

  • @lesptitsoiseaux
    @lesptitsoiseaux 5 лет назад +3

    Word of advice: current versions won't compile at all. They've changed quite a lot. Ensure you have the exact specific yaml versions otherwise...

  • @ziasultan8157
    @ziasultan8157 5 лет назад

    Thank you for your tutorial. Can you please tell me how to get the nearest one only

  • @jeroAhumada
    @jeroAhumada 5 лет назад

    Awesome tutorial, and even more awesome that my home town La Paz is all over the place! We should hang out if you come to visit XD and maybe I can show you a local app I'm building with what I learn from you 👨🏻‍💻🍻

  • @lesptitsoiseaux
    @lesptitsoiseaux 5 лет назад +4

    Make a Udemy course and take my money. Now, the shows up on my phone and I had to enable multidex however it stops immediately with the android message ',,,has stopped'.

  • @lokeshsaini7377
    @lokeshsaini7377 5 лет назад +1

    Again good video on good topic. Thanks again

  • @rio_rio
    @rio_rio 3 года назад

    Hey thanks for outstanding video!
    BTW what if I need a Future to be returned from geoflutterfire Query, and not a Stream?
    In situation when we need to query by radius not in real time but only once, using Stream will lead to unnecessary huge bill from Firestore?

  • @MultiECommerce
    @MultiECommerce 3 года назад

    Great video, thanks man,

  • @paul88146
    @paul88146 5 лет назад

    Excellent video.

  • @pitapita4586
    @pitapita4586 3 года назад

    Great job, but what if a user uninstalled the app will you still see a marker ? How do you clear the database in that case ?

  • @jonreed5431
    @jonreed5431 5 лет назад

    I'm getting a gray screen: "/GoogleMapController(30612): Cannot enable MyLocation layer as location permissions are not granted."
    I set up just how you have it. Did you leave out any parts about requesting permissions for > API 26?

  • @emmanuelogbewe2334
    @emmanuelogbewe2334 5 лет назад

    Great video! After adding Firestore I'm experiencing a long build process from xcode.

  • @samanthkumar1332
    @samanthkumar1332 5 лет назад

    Thank you Fireship

  • @nash9785
    @nash9785 5 лет назад

    Awesome video 👌

  • @riccardo7186
    @riccardo7186 4 года назад +1

    Is there any other way besides using firebase for realtime location tracking?

  • @Tengil
    @Tengil Год назад

    Nice. What if you need more than just geohash and location in database

  • @bestonyoutube4467
    @bestonyoutube4467 4 года назад

    Thanks man!

  • @tomwoszek9879
    @tomwoszek9879 Год назад

    Thanks for this awesome video, but can you explain how to show the data in a listview?

  • @bas_kar_na_yar
    @bas_kar_na_yar 4 года назад +25

    most of the code in this project is now deprecated. Although you can use the same idea and use it with the current apis

    • @rubickon
      @rubickon 4 года назад +1

      so, can you give a url for the new doc?

    • @rcjuancarlosuwu
      @rcjuancarlosuwu 4 года назад +1

      your comment is now deprecated ;v

    • @williamhumphries2900
      @williamhumphries2900 4 года назад +2

      yes, true, such as target: LatLng(pos.latitude, pos.longitude)

  • @aliakkawi4759
    @aliakkawi4759 2 года назад

    Hi and thanks for the tutorial, in my case i need to query locations only once, so is there a way to do it without using a stream? event if i cancel the StreamSubscription, it seems that it is not cancelling the Stream and this causes the app to Freeze.
    any suggestions please? Thanks

  • @SnowmansApartment
    @SnowmansApartment 4 года назад

    the google maps plugin apparently still is in beta. is there an alternative map that i can use for production?

  • @SrWho1234
    @SrWho1234 4 года назад

    you make the whole thing with visual studio code + flutter?

  • @PankajSavaliyaGoogle
    @PankajSavaliyaGoogle 4 года назад

    Is there any way for native android and iOS for this function? I used geofire library but it's not much faster.

  • @rafox19
    @rafox19 5 лет назад +4

    I'd be really interested in a video about how you plan your projects. What's your workflow ?

    • @Fireship
      @Fireship  5 лет назад

      Great suggestion! Thank you

  • @bonang2152
    @bonang2152 4 года назад

    target of url doesnt exit error after downloading project files, how can i solve this

  • @adammarez2684
    @adammarez2684 4 года назад

    does flutter support animated markers or animated cluster markers?

  • @vrexperience8762
    @vrexperience8762 4 года назад

    How do you get directions to the destination location on map though?

  • @thetrue1095
    @thetrue1095 4 года назад

    How can I do when I need point point like ( + ) to point on the map and drop the Markers?

  • @spicybaguette7706
    @spicybaguette7706 5 лет назад

    lol got a firebase ad while watching this video

  • @SamiUllah-tj5hd
    @SamiUllah-tj5hd 5 лет назад +1

    Can Flutter provide Google Navigation?

  • @MrAvelino2010
    @MrAvelino2010 3 года назад

    can you add the polyine to show route between two or more points

  • @aasali40
    @aasali40 4 года назад

    can you make a video on how to make GeoFencing in Flutter?

  • @VishalDesai711
    @VishalDesai711 4 года назад

    How do we do pagination using this? We have thousands of locations?

  • @francoissaab374
    @francoissaab374 3 года назад

    Thanks. Amazing

  • @juanmanuelyounghoyos7350
    @juanmanuelyounghoyos7350 5 лет назад +1

    Very useful

  • @thetrue1095
    @thetrue1095 4 года назад

    Wonderful

  • @bahmansalah
    @bahmansalah 4 года назад +2

    thanks for your videos but these codes are undependable and expired please fix it

  • @Viral_Doom
    @Viral_Doom 5 лет назад

    I'm doing what you've done but I am getting the PlatformException (PlatformException(sign_in_failed, com.google.android.gms.common.api.ApiException: 12500: , null)) error

  • @mariqacumberbatch528
    @mariqacumberbatch528 3 года назад

    Great Video, Is it possible for you to do an updated video? When i try to run the pub get in the pubspec.yaml in with the new versions of the various plugins, there are errors saying rxdart needs to be at its latest version for geoflutterfire to work.. and i used the rxdart latest version, and it still gave the same error

    • @eNONO-ot4zh
      @eNONO-ot4zh 3 года назад

      i have the same problem. are you founded the answer?

    • @mariqacumberbatch528
      @mariqacumberbatch528 3 года назад

      @@eNONO-ot4zh Yes i did, just leave the version number for all the packages empty, for example, say you're using rxdart, just do 'rxdart: '

  • @ashtynmorel-blake3452
    @ashtynmorel-blake3452 3 года назад

    Does the geolocation and location package work offline?

  • @pravinkumar5274
    @pravinkumar5274 5 лет назад

    App closes on start when I add location lib

  • @blank-vw2sb
    @blank-vw2sb 4 года назад

    AWESOME

  • @vncntjms
    @vncntjms 4 года назад

    May I know what font you use in your IDE

  • @kelique76
    @kelique76 5 лет назад +1

    Hi buddy, thanks for such as great tutorial? BTW how could you build flutter with AndroidX, I got some error due to incompitible dependency. geoflutterfire 2.0.2 is not compitible with my API, it also conflict with other cloud_firestore dependency when i try to downgrade it. Any solution please?

    • @darshangowda309
      @darshangowda309 5 лет назад

      Can you open a detailed issue with logs from `flutter doctor -v` on Github?

    • @AMODERNArcher
      @AMODERNArcher 5 лет назад

      I have the same problems. I had to change to android studio and refractor to android x

    • @darshangowda309
      @darshangowda309 5 лет назад +1

      @@AMODERNArcher Some of the official libraries have been migrated to androidX, so the same has rippled to the dependent ones as mentioned in the changelog of 2.0.0

  • @jameslila1852
    @jameslila1852 3 года назад

    how to calculate the distance between my location to a marker?

  • @ZeeshanAli-ju2nc
    @ZeeshanAli-ju2nc 4 года назад

    i am developing uber like app with firebase i am stuck in some problem can you help me for solving

  • @victoragrillomunoz8534
    @victoragrillomunoz8534 5 лет назад

    Hi, I am getting an error in the _animateUser class in this line--> target: LatLng(pos['latitude'], pos['longitude']......it says "The operator '[ ]' isn't defined for the class 'LocationData'

  • @matheuscosta5330
    @matheuscosta5330 5 лет назад

    Show how to do this with ionic!!!!

  • @710zun
    @710zun 3 года назад

    is there any way we can do this without firestore?

  • @JFkingW
    @JFkingW 5 лет назад

    Another cool Video would be how to use Cupertino and Material widgets based on the current platfotm without having to code everything twice

    • @Fireship
      @Fireship  5 лет назад +1

      Yes, I agree that would be nice.

  • @HustleWithRahul98
    @HustleWithRahul98 3 года назад

    can i use those dependencies free in my app which im going to release commercially

  • @TheCodebookInc
    @TheCodebookInc 5 лет назад

    I have already built this kind of app except connecting it to Firestore in flutter but the problem with my app is I m not able to put the marker on a tapped location and get the coordinates of it. Can you please show how to do that?

    • @Fireship
      @Fireship  5 лет назад +2

      There is a pull request for handling taps on the map. So this feature is lacking today, but will probably be available any day now. github.com/flutter/plugins/pull/1121

    • @TheCodebookInc
      @TheCodebookInc 5 лет назад

      @@Fireship thanxxx dear Fireship

  • @ark9237
    @ark9237 Год назад

    @Fireship it would be great if you could update this.Cheers

  • @VirtualCreatorFellowship
    @VirtualCreatorFellowship 5 лет назад

    Im getting an info.plist error : Encountered unknown tag value on line 46 for value tag after io.flutter.embedded_views_preview

  • @RageBasterd
    @RageBasterd 5 лет назад

    lovely

  • @vastibrown6717
    @vastibrown6717 4 года назад

    Hi guys, super silly question but where can i get the latest version for the dependencies?

  • @jmando01
    @jmando01 Год назад

    Great tutorial however it does not seems to be working anymore. Can you refresh this tutorial? thank you.

  • @gunjanturkar6150
    @gunjanturkar6150 2 года назад +1

    There is error in this line "double distance = document.data['distance'];".. because you can't get distance from firebase as it is never stored.

    • @sonyblack2474
      @sonyblack2474 2 года назад

      you don't need anymore "data", just simply write document['distance'];

  • @HustleWithRahul98
    @HustleWithRahul98 3 года назад

    can i use those packages for free in my app? I'm going to release it commercially

  • @laughing_boothcodm349
    @laughing_boothcodm349 8 месяцев назад

    Can you make an Uber tutorial?? Please

  • @ecofriend93
    @ecofriend93 2 года назад

    is there a js version of this tutorial?

  • @ryanb1738
    @ryanb1738 Год назад

    Any updates to this? Looks like I'm getting a lot of errors.

  • @THEMithrandir09
    @THEMithrandir09 3 года назад

    Anybody have an up to date example app like this? The code of this tutorial is mostly deprecated.

  • @bosskevin7717
    @bosskevin7717 2 года назад

    Awesome video do you have code ?

  • @graphic-Pixel
    @graphic-Pixel 5 лет назад +1

    we need google map 5.7

  • @swapnildesai3635
    @swapnildesai3635 4 года назад

    mine is not adding marker to map

  • @imdeadlock3297
    @imdeadlock3297 4 года назад +2

    Please Update Code . Now , it's not Working.

  • @jevonsygu1
    @jevonsygu1 4 года назад

    Sadly the code doesn't hold up. The Flutter google map changed so much that this video is obsolete.

  • @lucamathevet5908
    @lucamathevet5908 5 лет назад

    I tried and it doesn't work now, can you update the github please ? :)

    • @Fireship
      @Fireship  5 лет назад

      What doesn't work exactly? Open an issue on github so we can help

  • @aman66939
    @aman66939 4 года назад

    MY app is not working, it opens and exit itself

  • @user-kp9vx2jt1i
    @user-kp9vx2jt1i 5 лет назад +3

    Can you make the same video but with angular

    • @Fireship
      @Fireship  5 лет назад +2

      I've done a few map integrations with Angular in the past, but a revised episode will likely happen in the future.

  • @wirunngandee5245
    @wirunngandee5245 2 года назад +1

    Tutorial Flutter Google maps + Firestore Geolocation 2021 ?

  • @eNONO-ot4zh
    @eNONO-ot4zh 2 года назад

    Not working for with new flutter null safety😣