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

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

КОМЕНТАРІ • 184

  • @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 5 років тому

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

    • @Gigabyteserviceofficial
      @Gigabyteserviceofficial 5 років тому +1

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

  • @NOBODYUSEFULL
    @NOBODYUSEFULL 5 років тому +16

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

    • @laakolina
      @laakolina 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

  • @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 4 роки тому

      @@robertstevens7682 Firebase is completely production ready

  • @Lensbreak
    @Lensbreak 4 роки тому +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 4 роки тому +3

      Answer, please?

    • @tapizquent
      @tapizquent 4 роки тому +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 3 роки тому

      Valid concern. Shame no response here.

    • @gameplaystrailers7797
      @gameplaystrailers7797 3 роки тому +1

      Can anyone tweet this to flutter

  • @unkownvirtualguy7553
    @unkownvirtualguy7553 5 років тому +7

    You are MADLY underrated!

  • @basudevnayak4753
    @basudevnayak4753 4 роки тому

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

  • @bas_kar_na_yar
    @bas_kar_na_yar 5 років тому +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)

  • @Learco1996
    @Learco1996 5 років тому +2

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

  • @grzegorzsokalski7328
    @grzegorzsokalski7328 5 років тому +2

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

  • @tdoge
    @tdoge 4 роки тому

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

  • @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.

  • @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)

  • @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

    • @laakolina
      @laakolina 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

  • @floridosmarpepa8904
    @floridosmarpepa8904 5 років тому +2

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

  • @jefffrazier6813
    @jefffrazier6813 5 років тому +5

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

  • @yashsavsani3981
    @yashsavsani3981 5 років тому +3

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

  • @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

  • @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...

  • @AdemoyeOpeoluwa
    @AdemoyeOpeoluwa 5 років тому +3

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

  • @mozesong5264
    @mozesong5264 5 років тому +3

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

  • @lucafica6905
    @lucafica6905 4 роки тому +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.

  • @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.

  • @lokeshsaini7377
    @lokeshsaini7377 5 років тому +1

    Again good video on good topic. Thanks again

  • @sephyshen2510
    @sephyshen2510 5 років тому

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

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

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

  • @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'.

  • @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

  • @Magnetron692
    @Magnetron692 3 роки тому

    Thanks a lot! Nicely done!

  • @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 ?

  • @Busisanimac
    @Busisanimac 5 років тому

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

  • @riccardo7186
    @riccardo7186 5 років тому +1

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

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

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

  • @pitapita4586
    @pitapita4586 4 роки тому

    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 ?

  • @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?

  • @rio_rio
    @rio_rio 4 роки тому

    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?

  • @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 👨🏻‍💻🍻

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

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

  • @MrAvelino2010
    @MrAvelino2010 3 роки тому

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

  • @nash9785
    @nash9785 5 років тому

    Awesome video 👌

  • @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. 😞

  • @MultiECommerce
    @MultiECommerce 4 роки тому

    Great video, thanks man,

  • @ziasultan8157
    @ziasultan8157 5 років тому

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

  • @gunjanturkar6150
    @gunjanturkar6150 3 роки тому +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 3 роки тому

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

  • @wirunngandee5245
    @wirunngandee5245 3 роки тому +1

    Tutorial Flutter Google maps + Firestore Geolocation 2021 ?

  • @SamiUllah-tj5hd
    @SamiUllah-tj5hd 5 років тому +1

    Can Flutter provide Google Navigation?

  • @paul88146
    @paul88146 5 років тому

    Excellent video.

  • @spicybaguette7706
    @spicybaguette7706 5 років тому

    lol got a firebase ad while watching this video

  • @SnowmansApartment
    @SnowmansApartment 4 роки тому

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

  • @aliakkawi4759
    @aliakkawi4759 3 роки тому

    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

  • @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?

  • @SrWho1234
    @SrWho1234 5 років тому

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

  • @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

  • @adammarez2684
    @adammarez2684 4 роки тому

    does flutter support animated markers or animated cluster markers?

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

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

  • @vrexperience8762
    @vrexperience8762 4 роки тому

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

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

    is there a js version of this tutorial?

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

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

  • @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 4 роки тому

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

  • @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: '

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

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

  • @samanthkumar1332
    @samanthkumar1332 5 років тому

    Thank you Fireship

  • @aasali40
    @aasali40 4 роки тому

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

  • @710zun
    @710zun 4 роки тому

    is there any way we can do this without firestore?

  • @PankajSavaliyaGoogle
    @PankajSavaliyaGoogle 5 років тому

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

  • @thetrue1095
    @thetrue1095 5 років тому

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

  • @ashtynmorel-blake3452
    @ashtynmorel-blake3452 4 роки тому

    Does the geolocation and location package work offline?

  • @eNONO-ot4zh
    @eNONO-ot4zh 3 роки тому

    Not working for with new flutter null safety😣

  • @VishalDesai711
    @VishalDesai711 5 років тому

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

  • @mouttafiqimane7346
    @mouttafiqimane7346 5 років тому

    thank you for this interesting video it help a lot

  • @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

  • @juanmanuelyounghoyos7350
    @juanmanuelyounghoyos7350 5 років тому +1

    Very useful

  • @vncntjms
    @vncntjms 4 роки тому

    May I know what font you use in your IDE

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

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

  • @emmanuelogbewe2334
    @emmanuelogbewe2334 5 років тому

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

  • @bonang2152
    @bonang2152 5 років тому

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

  • @swapnildesai3635
    @swapnildesai3635 4 роки тому

    mine is not adding marker to map

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

    Can you make an Uber tutorial?? Please

  • @HustleWithRahul98
    @HustleWithRahul98 4 роки тому

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

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

    Awesome video do you have code ?

  • @THEMithrandir09
    @THEMithrandir09 4 роки тому

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

  • @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

  • @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.

  • @bestonyoutube4467
    @bestonyoutube4467 5 років тому

    Thanks man!

  • @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

  • @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'

  • @Gideon-el9zq
    @Gideon-el9zq Рік тому +1

    You need to update this code

  • @ZeeshanAli-ju2nc
    @ZeeshanAli-ju2nc 5 років тому

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

  • @ДанилКомпаниченко-н7д

    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.

  • @lifedreamtv
    @lifedreamtv 4 роки тому

    Getting the error that "latitude" and "longitude" is undefined @ 7:10

    • @lifedreamtv
      @lifedreamtv 4 роки тому

      changed it to "latitude: pos.latitude, longitude: pos.longitude"

  • @mnc12004
    @mnc12004 5 років тому

    Hey Jeff,
    Great tutorial. Thanks.
    It seems cameraPosition.target is no longer available in GoogleMapController and MarkerOptions is missing too. Can you please suggest a work around?
    Michael...

    • @pitoszud
      @pitoszud 5 років тому

      There has been a major change to API recently, so ideally Jeff would need to create a new video covering these changes. Alternatively, you can downgrade. Link below should give you an idea of how to handle adding markers etc.
      github.com/flutter/plugins/blob/master/packages/google_maps_flutter/example/lib/place_marker.dart

    • @juangamarra1463
      @juangamarra1463 5 років тому +1

      En la version google_maps_flutter: ^0.5.21+6
      Esta solución me funcionó para obtener la ubicacion actual en el mapa con el evento onCameraMove la cual devuelve la posicion de la camara.
      class _GoogleMapsDemoState extends State {
      // ..
      LatLng currentLatLng = LatLng(0, 0); //Your inital location -> you need get real location xD
      Widget build(BuildContext context) {
      return GoogleMap(
      // ...
      onCameraMove: (position) {
      print(position);
      currentLatLng = LatLng(position.target.latitude, position.target.longitude);
      },
      );
      }
      void _add() {
      // ...
      final Marker marker = Marker(
      markerId: markerId,
      position: currentLatLng,
      infoWindow: InfoWindow(title: markerIdVal, snippet: '*'),
      onTap: () {
      // ...
      },
      onDragEnd: (LatLng position) {
      //...
      },
      );
      setState(() {
      markers[markerId] = marker;
      });
      }
      }

    • @nikitalotlikar1954
      @nikitalotlikar1954 4 роки тому

      @@pitoszud page not found.

    • @nikitalotlikar1954
      @nikitalotlikar1954 4 роки тому

      @@juangamarra1463 do you any projects on github?

    • @juangamarra1463
      @juangamarra1463 4 роки тому

      @@nikitalotlikar1954 No, Sorry.

  • @vastibrown6717
    @vastibrown6717 4 роки тому

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

  • @matheuscosta5330
    @matheuscosta5330 5 років тому

    Show how to do this with ionic!!!!

  • @HustleWithRahul98
    @HustleWithRahul98 4 роки тому

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

  • @pravinkumar5274
    @pravinkumar5274 5 років тому

    App closes on start when I add location lib

  • @jevonsygu1
    @jevonsygu1 5 років тому

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

  • @francoissaab374
    @francoissaab374 4 роки тому

    Thanks. Amazing

  • @aman66939
    @aman66939 5 років тому

    MY app is not working, it opens and exit itself

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

    can u plz update this video

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

    this is outdated.... any latest video that similar to this?