Google Maps and Directions API on React Native

Tutorial about how to implement Google Maps, text field with address autocomplete and trace route using Direction API on React Native!
Source code:
github.com/fab...
Do you wanna practice programming and learning more? Check this out:
challengetrue....
Be prepared for job interviews: bit.ly/LiveJob...

[@fabiobergmann3225]

I did a video answering many question from comments below. Please check this: ruclips.net/video/HKlm8m3DIjM/видео.html

[@susanwojcickiisalonelyrath7311]

You should really make more tutorials if you have time; this is among the best I've seen on YT for working with Google maps and react native.

[@susanwojcickiisalonelyrath7311]

Thank you so much, this is a great tutorial for understanding the concepts / components required when working with Google Maps for the first time.

[@ardijanmustafa5461]

I fucking love you dude, you helped me so much like lowkey saved my life with this tutorial. I just started with React Native and this tutorial helped me a lot with my project for my UNI. Much love!

[@calrogerscal7018]

wow, you've earned yourself a subscriber..........thank you for this information

[@alashish]

This is great, exactly what i was looking for. Can you point me to how to move markers and test it locally i mean locally test tracking

[@titoy3523]

Hello, I do really appreciate this tutorial and maybe I could request about google map and will show red markers that has coordinate value that came from Laravel as API.

[@raymans8244]

Great video. I have always wanted this
Thanks

[@AllahomAnsorGaza]

THE API KEY MUST BE IN APPICATION
its not secure
also try to build it and test as production will give you errors
how we can use direction component without api key or call it server side to be protected by server IP

[@emaaadelgado]

Thank you so much for this content, you truly save me..

[@fabiobergmann3225]

Thanks! More videos coming soon.

[@caglarcavdar7628]

This was really helpful thank you very much

[@SmartgamersCity]

I got a problem when I build the Apk it good but if I open the Map it go out like it crash from the apk . even if I did all the stepses from google cloud !!
so can you please help me?

[@viliusr7928]

Hi, how do I make a fixed destination or have a destination selected on default when opening the app?

[@fabiobergmann3225]

I did a video answering many question from comments below. Please check this: ruclips.net/video/HKlm8m3DIjM/видео.html

[@maulikvirani5050]

hello, how can i convert my latitude and longitude to real Address like i want to full address with area, city, state, country and pincode. without any billing method. can you please provide any free api which provide this criteria's.

[@user-zw9zl6gb2w]

Thank you for this perfekt tutorial

[@atsglobalservices6136]

Great content

[@hiii3763]

anyone encounter this Invariant Violation: requireNativeComponent: "AIRMap" was not found in the UIManager.

[@fabiobergmann3225]

Check the new video, I talk about this. ruclips.net/video/HKlm8m3DIjM/видео.html

[@pedrohenriqueferreira629]

Thanks for the tutorial, really helpful! Fabio, does this package allows to search by stores/shops names? I would appreciate your feedback. Thanks in advance. I hope the world gives you all the respect you deserve for dedicating time and patience to create such content! thx

[@fabiobergmann3225]

Thanks! Yes, using Google APIs you can find close stores and shops.

[@fabiobergmann3225]

I did a video answering many question from comments below. Please check this: ruclips.net/video/HKlm8m3DIjM/видео.html

[@sukronsabari]

this video is very useful

[@fabiobergmann3225]

Thanks! More videos coming soon.

[@arsimsejdiu3108]

wow this tutorial is fire, bthw what theme are you using for vscode

[@fabiobergmann3225]

It's Dracula Official.

[@saqib1985]

thanks. very helpful.

[@Musik890106]

Is a great video.

[@fahadkhan-xl7dw]

sir please upload video on how we move marker on google map when we click on start button

[@fabiobergmann3225]

The marker has onDrag or onStartDrag property and another property to allow drag the marker. I think the property is draggable.

[@fabiobergmann3225]

I did a video answering many question from comments below. Please check this: ruclips.net/video/HKlm8m3DIjM/видео.html

[@kadiriolaniyi4603]

This is an helpful video. How do i make users monitor movement of riders coming to them?

[@fabiobergmann3225]

You need to know the riders locations. Most likely both should be using the same app. So on server-side you know the locations and can send notifications when locations are close.

[@kadiriolaniyi4603]

@@fabiobergmann3225 Do you have time to make a video on that?

[@fabiobergmann3225]

@@kadiriolaniyi4603 Yes, I'll post new tutorials soon about Google Maps, users location, etc.

[@tiavina-mika]

can you make another tuto for tracking a device with React Nactive and Google Map please?

[@fabiobergmann3225]

Yes

[@fabiobergmann3225]

I did a video answering many question from comments below. Please check this: ruclips.net/video/HKlm8m3DIjM/видео.html

[@teflonhav]

how do you get step directions?

[@fabiobergmann3225]

I did a video answering many question from comments below. Please check this: ruclips.net/video/HKlm8m3DIjM/видео.html

[@tiavina-mika]

Thanks. Have you a github repo for this video?

[@fabiobergmann3225]

Hi, I've just added the source code to the video description!

[@ZaydMazhour]

Hey Fabio thanks for sharing I used your code but it did not work I think the key is finished ?

[@fabiobergmann3225]

Yes, the key changed. I cannot share the key. But you can create your own.

[@CodeWithDesign]

Thanks, your code repository?

[@fabiobergmann3225]

Hi, I've just added the source code to the video description!

[@basilhammad7447]

Great Video, how could i start a trip bettewn origin and destination

[@fabiobergmann3225]

I did a video answering many question from comments below. Please check this: ruclips.net/video/HKlm8m3DIjM/видео.html

[@cactuss3235]

can someone help me
I encounter "Invariant Violation: requireNativeComponent: "AIRMap" was not found in the UIManager" WHEN using MapView
also
I encounter [Unhandled promise rejection: TypeError: undefined is not an object (evaluating '_ExpoLocation.default.requestForegroundPermissionsAsync')]
WHEN using Expo-location

[@rodrigosilvainfo]

Don't know if you still need it. But perhaps this will help someone else. About the first error regarding AIRMAP: after adding react-native-maps to your project, it seems that rebuilding your app solves this problem. Hope it helps.

[@fabiobergmann3225]

I did a video answering many question from comments below. Please check this: ruclips.net/video/HKlm8m3DIjM/видео.html

[@securityguy8353]

is this react native cli or expo

[@fabiobergmann3225]

It's expo

[@zhgaaaaaan]

thanx 😉 , Is there a way to better arrange the code?

[@fabiobergmann3225]

I did a video answering many question from comments below. Please check this: ruclips.net/video/HKlm8m3DIjM/видео.html

[@creative_mind_maga]

Please Share github code

[@abdulbasit34310]

[@aasifshakoor8040]

koheda bn github?

[@fabiobergmann3225]

Hi, I've just added the source code to the video description!

[@khayTheking]

provide the code on github .for tutorial, you are too fast

[@susanwojcickiisalonelyrath7311]

You can change speed at which video plays; i set mine to 0.75 speed

[@zex1ck]

free?

[@fabiobergmann3225]

Yes