React Native - Custom MapView

In this tutorial I will be walking you through how to set up the React Native Maps SDK from AirBnB, to allow for costume maps and map markers in your application

Links mentioned in the video:

If you enjoyed the video - please do consider liking the video or subscribing to the channel :)

Where you can find me:

[myhendry]

Great video michael! hope you will do a video on implementing camera and camera roll features which r especially useful in most mobile apps. thanks and well done again!

[Fightingbadgers]

Be lovely to see an explanation on how to feed in the GPS coordinates, especially if it could update in real-time, while a user moves around.

[andreymahdison]

thank you, this video is simple and very helpfull for quick use

[dheyaahusham]

just keep on, you are doing very good 😊

[shekharskamble]

Hi Michael, Great tutorial, I tried your code and was able to get the map with my current location. I can get the radius but my marker is not being shown any idea why?

[Bluemoonredwine]

great tutorial! would love to see a tutorial on how to create a form so that users can input their own markers with marker information, perhaps in address format (instead of lat/long)

[etregoning]

1) this tutorial doesn't cover the required API key nor does it mention that an API key is required at all (it is by the way) but I went ahead and handled that myself
2) I followed this tutorial word for word and I just end up with a blank screen.

Has anything changed in the few months since this tutorial was made?

EDIT- I've figured it out, and I'd be happy to share what I did to resolve this issue but I'm in the last hours of a hackathon right now so I don't have time... I'll do it after!

[AustinLuppowitz]

How would you display a bunch of venues in a city with their own map markers? Is there any way to connect it to Google Maps for example and import all "Bars" or "Cafes" to show in the map?

[shaikusman]

Please make tutorial on how to connect/direct user 'X' location to user "Y" (android, Google Maps)

[maverickmax]

If map is blank make sure that <View> has style set to styles.container and <MapView> has style set to styles.map...Both the views need styling otherwise render won't work and you get a blank screen.

[blackwidw]

Hey awesome tutorial as always :) thank you! BTW, do you plan on adding a feature that allows the users to search by location?

[rashadali]

Thanx for the tutorial . If you can provide a video for How to load custom Map tiles in the Mapview then it will be very help full

[Trollseeder]

Hi,

Is there any way to style the map, a bit like you would with CSS? (ground color, water color, road colors, etc)

Thanks

[josediogo]

HEy, what is the package that you use for autocomplete on Atom ?

[yusuphh.kajabukama]

thanks for the video, one thing though what is the editor and its theme you are using!

[hrantabrahamyan]

can i use yandex map with react-native-maps or only ios/android maps and google maps?

[ManuAkhil]

"invariant violation native component for airmap does not exist " i got this error on adding mainView component

[edouardmalot]

Thanks for your video Micheal,

But I am not really sure to understand. Does a <MapView /> is a Google Map or Android and iOS devices ?
(It seems to be a Googe Map on Android, and a iOS Map on iOS, but can you confirm ? )

[brs]

Good Video. The content was spot on, but the colors of the lettering was too dark for having such a zoomed out display. I will def be using this for a project.

[leonardoperini]

may I use something like snazymap to style the map view?