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

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

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

[@NOBODYUSEFULL]

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

[@laakolina]

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

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

[@unkownvirtualguy7553]

You are MADLY underrated!

[@Learco1996]

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

[@tdoge]

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

[@basudevnayak4753]

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

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

[@grzegorzsokalski7328]

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

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

[@laakolina]

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

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

[@floridosmarpepa8904]

maybe more for beginner too ahah.

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

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

[@Busisanimac]

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

[@lokeshsaini7377]

Again good video on good topic. Thanks again

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

[@sephyshen2510]

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

[@AdemoyeOpeoluwa]

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

[@rafox19]

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

[@Fireship]

Great suggestion! Thank you

[@mozesong5264]

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

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

[@Magnetron692]

Thanks a lot! Nicely done!

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

[@jefffrazier6813]

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

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

[@nash9785]

Awesome video 👌

[@MultiECommerce]

Great video, thanks man,

[@bashbash]

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

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

[@paul88146]

Excellent video.

[@adhdaddventure]

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

[@tomwoszek9879]

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

[@yashsavsani3981]

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

[@spicybaguette7706]

lol got a firebase ad while watching this video

[@mouttafiqimane7346]

thank you for this interesting video it help a lot

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

[@storylineteam]

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

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

[@samanthkumar1332]

Thank you Fireship

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

[@juanmanuelyounghoyos7350]

Very useful

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

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

[@bahmansalah]

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

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

[@ziasultan8157]

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

[@riccardo7186]

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

[@bosskevin7717]

Awesome video do you have code ?

[@laughing_boothcodm349]

Can you make an Uber tutorial?? Please

[@francoissaab374]

Thanks. Amazing

[@bestonyoutube4467]

Thanks man!

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

[@MrAvelino2010]

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

[@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'];

[@SrWho1234]

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

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

[@aasali40]

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

[@emmanuelogbewe2334]

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

[@SamiUllah-tj5hd]

Can Flutter provide Google Navigation?

[@SnowmansApartment]

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

[@thetrue1095]

Wonderful

[@jmando01]

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

[@arkkreative]

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

[@mnc12004]

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]

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]

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]

@@pitoszud page not found.

[@nikitalotlikar1954]

@@juangamarra1463 do you any projects on github?

[@juangamarra1463]

@@nikitalotlikar1954 No, Sorry.

[@vrexperience8762]

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

[@adammarez2684]

does flutter support animated markers or animated cluster markers?

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

[@wirunngandee5245]

Tutorial Flutter Google maps + Firestore Geolocation 2021 ?

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

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

[@VishalDesai711]

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

[@ashtynmorel-blake3452]

Does the geolocation and location package work offline?

[@vastibrown6717]

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

[@gamingparadox7775]

dart packages

[@thetrue1095]

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

[@jameslila1852]

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

[@HustleWithRahul98]

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

[@PankajSavaliyaGoogle]

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

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

[@HustleWithRahul98]

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

[@tharukerajapaksha3652]

explanation is fast like a jet

[@710zun]

is there any way we can do this without firestore?

[@imdeadlock3297]

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

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

Can you make the same video but with angular

[@Fireship]

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

[@blank-vw2sb]

AWESOME

[@bonang2152]

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

[@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 ~!

[@ecofriend93]

is there a js version of this tutorial?

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

[@Gideon-el9zq]

You need to update this code

[@matheuscosta5330]

Show how to do this with ionic!!!!

[@ZeeshanAli-ju2nc]

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

[@vncntjms]

May I know what font you use in your IDE

[@familyfarmsforever]

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

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

[@jevonsygu1]

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

[@graphic-Pixel]

we need google map 5.7

[@lifedreamtv]

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

[@lifedreamtv]

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

[@eNONO-ot4zh]

Not working for with new flutter null safety😣

[@THEMithrandir09]

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