React Native Maps Mini Course

How to use Google Maps API with React including Directions and Places autocomplete

КАПИБАРУ НИКТО НЕ ХОЧЕТ ПРИЮТИТЬ В ГТА 5 ! Я СТАЛ КАПИБАРОЙ НА 24 ЧАСА В GTA 5

Кто поёт хит Буратино🤔

Вот какое средство помогает им не болеть #shorts

Закон об электронных повестках | У нас будет мобилизация через госуслуги? | Новости сегодня

Google Maps and Directions API on React Native

Подписаться 287

Просмотров 36 тыс.

50% 1

Видео Поделиться Скачать Добавить в

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/fabiocberg/rn-map-...
Do you wanna practice programming and learning more? Check this out:
challengetrue.com/
Be prepared for job interviews: bit.ly/LiveJobsOptimized

Опубликовано:

13 апр 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 65

@fabiobergmann3225 Год назад

I did a video answering many question from comments below. Please check this: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-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!

@raymans8244 2 года назад

Great video. I have always wanted this Thanks

@caglarcavdar7628 Год назад

This was really helpful thank you very much

@calrogerscal7018 Год назад

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

@emaaadelgado Год назад

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

@fabiobergmann3225 Год назад

Thanks! More videos coming soon.

@user-zw9zl6gb2w 4 месяца назад

Thank you for this perfekt tutorial

@saqib1985 Год назад

thanks. very helpful.

@atsglobalservices6136 Год назад

Great content

@Musik890106 Год назад

Is a great video.

@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HKlm8m3DIjM.html

@alashish 2 месяца назад

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

@sukronsabari Год назад

this video is very useful

@fabiobergmann3225 Год назад

Thanks! More videos coming soon.

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

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?

@titoy3523 6 месяцев назад

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.

@maulikvirani5050 2 месяца назад

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.

@hiii3763 Год назад

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

@fabiobergmann3225 Год назад

Check the new video, I talk about this. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HKlm8m3DIjM.html

@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HKlm8m3DIjM.html

@arsimsejdiu3108 Год назад

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

@fabiobergmann3225 Год назад

It's Dracula Official.

@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

@kadiriolaniyi4603 2 года назад

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.

@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HKlm8m3DIjM.html

@tiavina-mika 2 года назад

Thanks. Have you a github repo for this video?

@fabiobergmann3225 Год назад

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

@teflonhav Год назад

how do you get step directions?

@fabiobergmann3225 Год назад

I did a video answering many question from comments below. Please check this: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HKlm8m3DIjM.html

@tiavina-mika 2 года назад

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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HKlm8m3DIjM.html

@fahadkhan-xl7dw 2 года назад

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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HKlm8m3DIjM.html

@creative_mind_maga Год назад

Please Share github code

@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HKlm8m3DIjM.html

@basilhammad7447 2 года назад

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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HKlm8m3DIjM.html

@CodeWithDesign 2 года назад

Thanks, your code repository?

@fabiobergmann3225 Год назад

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

@user-ky1dn5lu3x Год назад

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.

@abdulbasit34310 Год назад

@securityguy8353 Год назад

is this react native cli or expo

@fabiobergmann3225 Год назад

It's expo

@aasifshakoor8040 2 года назад

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

Далее

React Native Maps Mini Course

22:54

React Native Maps Mini Course

Просмотров 57 тыс.

How to use Google Maps API with React including Directions and Places autocomplete

32:50

How to use Google Maps API with React including Directions and Places autocomplete

Просмотров 176 тыс.

КАПИБАРУ НИКТО НЕ ХОЧЕТ ПРИЮТИТЬ В ГТА 5 ! Я СТАЛ КАПИБАРОЙ НА 24 ЧАСА В GTA 5

16:42

КАПИБАРУ НИКТО НЕ ХОЧЕТ ПРИЮТИТЬ В ГТА 5 ! Я СТАЛ КАПИБАРОЙ НА 24 ЧАСА В GTA 5

Просмотров 389 тыс.

Кто поёт хит Буратино🤔

0:11

Кто поёт хит Буратино🤔

Просмотров 121 тыс.

Вот какое средство помогает им не болеть #shorts

0:35

Вот какое средство помогает им не болеть #shorts

Просмотров 309 тыс.

Закон об электронных повестках | У нас будет мобилизация через госуслуги? | Новости сегодня

24:21

Закон об электронных повестках | У нас будет мобилизация через госуслуги? | Новости сегодня

Просмотров 290 тыс.

How To Create Google Maps API Key For Free 2024 (Step-by-Step)

8:04

How To Create Google Maps API Key For Free 2024 (Step-by-Step)

Просмотров 10 тыс.

This Context API Mistake Ruins Your Whole React App (All Components Re-Render)

5:37

This Context API Mistake Ruins Your Whole React App (All Components Re-Render)

Просмотров 30 тыс.

Getting Started With Google Maps Places (New) API In Python

26:42

Getting Started With Google Maps Places (New) API In Python

Просмотров 2,5 тыс.

React Native Authentication with Firebase and Expo in 27 minutes

27:49

React Native Authentication with Firebase and Expo in 27 minutes

Просмотров 253 тыс.

The Ultimate Guide to Google Map Integration in React Native

29:51

The Ultimate Guide to Google Map Integration in React Native

Просмотров 3,9 тыс.

React Native Maps - Set up & Map View ✅ | Engineer Codewala

10:46

React Native Maps - Set up & Map View ✅ | Engineer Codewala

Просмотров 23 тыс.

Geolocation in React Native

7:34

Geolocation in React Native

Просмотров 11 тыс.

Google Maps search for places on React Native

15:01

Google Maps search for places on React Native

Просмотров 2,6 тыс.

Build a React Native Full Stack App : Expo, Google Map, Firebase | Full Tutorial

3:24:33

Build a React Native Full Stack App : Expo, Google Map, Firebase | Full Tutorial

Просмотров 34 тыс.

React Native Google Maps | React Native Google Places Autocomplete | Part 5

9:28

React Native Google Maps | React Native Google Places Autocomplete | Part 5

Просмотров 7 тыс.

ЛУЧШИЙ ОТКРЫТЫЙ КОРПУС доя ПК #пк2024 #переноснойпк #rtx #pcgaming #cryptone #пк #pcbuild2024

0:16

ЛУЧШИЙ ОТКРЫТЫЙ КОРПУС доя ПК #пк2024 #переноснойпк #rtx #pcgaming #cryptone #пк #pcbuild2024

Просмотров 70 тыс.

3 месяца подготовки и тут.. Выпуск уже на канале! #litvin #unit_ru #iphone #litenergy #shortvideo

0:55

3 месяца подготовки и тут.. Выпуск уже на канале! #litvin #unit_ru #iphone #litenergy #shortvideo

Просмотров 916 тыс.

ЛУЧШИЙ ОТКРЫТЫЙ КОРПУС доя ПК #пк2024 #переноснойпк #rtx #pcgaming #cryptone #пк #pcbuild2024

0:16

ЛУЧШИЙ ОТКРЫТЫЙ КОРПУС доя ПК #пк2024 #переноснойпк #rtx #pcgaming #cryptone #пк #pcbuild2024

Просмотров 70 тыс.

Тechnics 1500 Настройка, схема, музыка, всё!

1:41:16

Тechnics 1500 Настройка, схема, музыка, всё!

Просмотров 97 тыс.

😱Самая ДОРОГАЯ мышка от китайцев WLmouse Beast X Max 8K

0:37

😱Самая ДОРОГАЯ мышка от китайцев WLmouse Beast X Max 8K

Просмотров 24 тыс.

Какой ноутбук взять для учёбы? #msi #rtx4090 #laptop #юмор #игровой #apple #shorts

0:18

Какой ноутбук взять для учёбы? #msi #rtx4090 #laptop #юмор #игровой #apple #shorts

Просмотров 890 тыс.

Что пошло «не так»! ACER Nitro5 AN515-57 и ТРИ месяца мучительной диагностики в компьютерном сервисе

19:07

Что пошло «не так»! ACER Nitro5 AN515-57 и ТРИ месяца мучительной диагностики в компьютерном сервисе

Просмотров 53 тыс.