React Native Maps Tutorial

Learn how to use react native maps by mapping bushfires in Australia.

The video will cover using React Native and the package react-native-maps which is a great package to display maps on mobile applications like iOS and Android. We will take a look at installing react native maps as well as setting it up with some examples.

If you want to add maps to your mobile applications on react native, this package is a great resource. You can add markers, circles and regions, as well as have live updates from API endpoints.

Australia is currently suffering quite a lot with bushfires, so in this example, we will pull information in from an API that shows current bushfire like situations and map them out on our react native application.

The package uses Google Maps React Native iOS and Android too. To show the maps integration but you can also use Apple maps if you are on iOS. Hopefully, this react native maps tutorial will help you better setup react native google maps in your future projects :)

Design for Developers - Enhance UI
A book I've created to help you improve the look of your apps and websites.

#reactnative #bushfires #adriantwarog

Follow and support me:

[AdrianTwarog]

I am trying to grow my channel, so if you find this video useful, #subscribe & hitting the #bell :) Thanks for watching and hope you liked and learnt something new!

[conorm]

5:20 the little one trying to gain some knowledge haha

[Kubaguette]

You helped me insanely even though I only needed the first 5-10 Minutes so I can set up everything correctly. You got my like :)

[seenuaravindraj]

Couldn't think of any way to thank you more

[kan]

Awesome! really clean and perfect! thanks 4 your effort!

[shrikantjha]

I like your content and explanation as well.

[instein]

What a good tutorial! Really great job, thanks for sharing.

[malikgen_]

Hi can you make a video on how to Mark a place with marker and multiple places with marker, when i zoom a location and try to mark it takes many clicks for me to mark a place .. help please

[kenzoymc]

How to getting a good display for a map, i wanna show two different route/marker, how to create a latitude delta and longitude delta that show all route that we have

[ahmadfreijeh]

Is the google maps api key is free to be used or generated? and another thing the map only shows the google logo with a blank container, why ?

[h_nn__bouk]

thank you for the tutorial man is there any code source about navigation service file or the hole code

[fael]

Hello, Thanks for awesome videos.
I created an expo project but it does not contain android/ios directory.
How can i create these folders by settings, gradle, etc ?
Is it possible with expo?
Thank you

[snippax]

This is so helpful, thank you so much! What version of react-native were you using for this?

[huthayfa]

Very great video but I found it very confusing. I think you could use more React conventions to the project and why didn't you use hooks ?

[raymondmichael]

I'm trying to dive into react native, this channel seems like a good point to start;
Do I need to know React too for me to understand react native?

Liked and subed.
Greetings from Tanzania 🇹🇿

[mubarkmurtda]

That was helpful, thank you for the great content you upload
It would be nice if u make a video about ur recording setup....

[thaaranduil]

I tried every bit of the tutorial, but my Android Device just shows the "Google" words at the bottom left of the screen and the map does not appear, just a gray screen with the "google" at the bottom. Do you know why? Did you ever get that problem?

[umairshehzad]

Can we use this library in react-native-expo as well ?

[TecnoTuCelular]

Is it possible to track user's location even if the app is closed? I want to track the location every day at a certain time :)

[lglf]

I use "react-native": "0.63.0", do I have to do the settings manually as if the version below "react-native" was: "0.59.0"? I didn't really understand this part because I live in another country, and the subtitle translator didn't help me on you tube.