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

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/le...
Darshan Gowda fireship.io/co...
GeoFlutterFire pub.dartlang.o...
Flutter Google Maps pub.dartlang.o...

[@darshangowda309]

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

[@Fireship]

Keep up the great work!

[@hemantht3877]

Danyavada gowdre

[@aarongardiner1811]

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

[@zenakedchef9004]

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

[@Gigabyteserviceofficial]

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

[@Lensbreak]

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]

Answer, please?

[@tapizquent]

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

[@umitkirtil]

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

[@william_chidube]

Valid concern. Shame no response here.

[@gameplaystrailers7797]

Can anyone tweet this to flutter

[@willzarem]

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

[@Fireship]

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

[@willzarem]

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

[@robertstevens7682]

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

@@robertstevens7682 Firebase is completely production ready

[@bas_kar_na_yar]

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]

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

[@rcjuancarlosuwu]

your comment is now deprecated ;v

[@williamhumphries2900]

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

[@grzegorzsokalski7328]

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

[@jlod004]

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.

[@floridosmarpepa8904]

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

[@floridosmarpepa8904]

maybe more for beginner too ahah.

[@lesptitsoiseaux]

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]

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

[@jefffrazier6813]

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

[@nobodyprod]

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

[@IsaacLarbiOnline]

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

[@josephsellu]

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

[@yashsavsani3981]

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

[@jeroAhumada]

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

[@bahmansalah]

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

[@yashsavsani3981]

This video is not much useful now after the flutter update so please can you update this video...as per today's scenario...

[@wirunngandee5245]

Tutorial Flutter Google maps + Firestore Geolocation 2021 ?

[@lucafica6905]

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.

[@tomwoszek9879]

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

[@rafox19]

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

[@Fireship]

Great suggestion! Thank you

[@lesptitsoiseaux]

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

[@unkownvirtualguy7553]

You are MADLY underrated!

[@gunjanturkar6150]

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]

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

[@mozesong5264]

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

[@riccardo7186]

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

[@divinedela9125]

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

[@Fireship]

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

[@divinedela9125]

@@Fireship yaaaasss

[@IsaacLarbiOnline]

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

[@jmando01]

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

[@Gideon-el9zq]

You need to update this code

[@imdeadlock3297]

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

[@Viral_Doom]

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

[@Learco1996]

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

[@moviesrecapwithAI]

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

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

[@VirtualCreatorFellowship]

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

[@VirtualCreatorFellowship]

I made changes in Xcode instead of plist-- got my build on ~!

[@juanmanuelyounghoyos7350]

Very useful

[@MultiECommerce]

Great video, thanks man,

[@kelique76]

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]

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

[@AMODERNArcher]

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

[@darshangowda309]

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

[@SnowmansApartment]

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

[@SamiUllah-tj5hd]

Can Flutter provide Google Navigation?

[@bosskevin7717]

Awesome video do you have code ?

[@jameshilary9887]

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

[@samanthkumar1332]

Thank you Fireship

[@mouttafiqimane7346]

thank you for this interesting video it help a lot

[@bashbash]

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

[@jevonsygu1]

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

[@rio_rio]

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?

[@jonreed5431]

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?

[@ZeeshanAli-ju2nc]

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

[@TheSILVERVEVO]

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

[@tharukerajapaksha3652]

explanation is fast like a jet

[@eNONO-ot4zh]

Not working for with new flutter null safety😣

[@PankajSavaliyaGoogle]

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

[@ecofriend93]

is there a js version of this tutorial?

[@MrAvelino2010]

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

[@aliakkawi4759]

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

[@jameslila1852]

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

[@pitapita4586]

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 ?

[@Tengil]

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

[@HustleWithRahul98]

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

[@familyfarmsforever]

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

[@laughing_boothcodm349]

Can you make an Uber tutorial?? Please

[@lokeshsaini7377]

Again good video on good topic. Thanks again

[@91djdj]

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

[@TheCodebookInc]

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]

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]

@@Fireship thanxxx dear Fireship

[@storylineteam]

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

[@basudevnayak4753]

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

[@chiefnoodle]

Slow down dude. You speak too fast!

[@graphic-Pixel]

we need google map 5.7

[@adammarez2684]

does flutter support animated markers or animated cluster markers?

[@victoragrillomunoz8534]

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'

[@oscarfranciscoolivamonterr8569]

In the current version you have to change this -> target: LatLng(pos.latitude,pos.longitude)

[@GarrisonSiberry]

@@oscarfranciscoolivamonterr8569 THANK YOU!

[@SrWho1234]

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

[@ashtynmorel-blake3452]

Does the geolocation and location package work offline?

[@vrexperience8762]

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

[@mariqacumberbatch528]

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]

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

[@mariqacumberbatch528]

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

[@vastibrown6717]

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

[@gamingparadox7775]

dart packages

[@VishalDesai711]

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

[@710zun]

is there any way we can do this without firestore?

[@ahsannasir6361]

can u plz update this video

[@thetrue1095]

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

[@JFkingW]

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

[@Fireship]

Yes, I agree that would be nice.

[@aman66939]

MY app is not working, it opens and exit itself

[@aasali40]

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

[@sephyshen2510]

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

[@barungh]

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]

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

[@tdoge]

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

[@THEMithrandir09]

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

[@swapnildesai3635]

please change codes according to new API

[@eNONO-ot4zh]

i have the same problem. This code not work now. are you founded the answer?

[@swapnildesai3635]

No

[@bonang2152]

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

[@emmanuelogbewe2334]

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

[@vncntjms]

May I know what font you use in your IDE

[@manunoly]

I can't view this video, no, no, to me the next uber is AGM, IONIC, Geofirex, Firestore, I refuse to watch the video, by the way, you're going to continue with geofireX, please, please!!!

[@Fireship]

The library in this video is actually a port of GeoFireX :) - I'm still hoping/waiting for Firebase to implement geoqueries natively, it's on their roadmap....

[@manunoly]

@@Fireship thanks man, yes, I know that at some point Firebase will implement the native geoquery, I hope it will be as soon as possible. it's a screaming request. for the moment i'm happy with geofirex, It has some limitations, but it works great

[@HustleWithRahul98]

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

[@lucamathevet5908]

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

[@Fireship]

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

[@Busisanimac]

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

[@lifedreamtv]

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

[@lifedreamtv]

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

[@spicybaguette7706]

lol got a firebase ad while watching this video

[@ziasultan8157]

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

[@swapnildesai3635]

mine is not adding marker to map

[@mattiaesposito5525]

you rock but i think you go a little bit too fast 4 my brain to understand what you do :O

[@Fireship]

Thanks, yeah I get that a lot :) That's why I put together a writeup to support each video.

[@alanjames670]

I’m never gonna open Xcode again