How to Use Google Maps in React Native - Part 1
The Flutter Factory
View ChannelAbout
Welcome to the Flutter Factory (previously Cheetah Coding) About me: Hello. My name is Julian Currie.. I studied computer and electrical engineering in the U.S. I'm a lifelong coder (over 15 years now) and enjoy keeping up with the latest technologies. I have worked for several different companies during my career including small startups in Silicon Valley and large corporations like Capital One Bank. I'm currently working full time with Flutter as a Senior Software Engineer at Very Good Ventures About the channel This is a YouTube channel dedicated to helping others get started with Flutter development. The goal of this channel is to break down complicated topics down into simple, manageable videos. Weekly content includes coding tutorials, library/frameworks comparisons, and more. Support the channel by subscribing if you get any value from the videos. Happy Coding!
Latest Posts
Video Description
This is part 1 of 2 part set to show how to use Google maps in React Native for both Android and iOS. This video focuses on the basics of the MapView, Marker, Callout, Polygon, and Circle components. Part 2 will cover more in depth use cases and UI 00:00 - Intro 00:48 - Setup overview and documentation 08:16 - Adding the MapView component 11:38 - Adding the first marker 13:28 - Creating a custom callout for the marker 15:21 - Using an image in the marker icon 16:28 - Creating a polygon from an array of coords 19:30 - Creating a colored circle from an array of coords 21:00 - Handling the onPress event of a callout 22:46 - Displaying multiple markers Get the Code: https://github.com/theflutterfactory/React-Native-Tutorials/tree/react-native-maps_example ⚡Connect on Facebook: https://www.facebook.com/flutterfactory ⚡Connect on Twitter: https://twitter.com/flutterfactory
Boost Your React Native App with These Maps Tools
AI-recommended products based on this video
Smart Watch for Men Women Bluetooth Call, 1.85" HD Touch Screen Fitness Watch with Sleep Heart Rate Monitor, 112+ Sports Modes, IP68 Waterproof Activity Trackers for Android iOS, Black
Wireless Earbuds, Bluetooth Headphones 5.3 HiFi Stereo Ear Buds, 80H Bluetooth Earbuds with Dual LED Display Charging Case, IPX7 Waterproof Earphones for Android iOS
Air Tracker Tags-4 Pack: Smart Bluetooth Tracker, Item Finder Works with Apple Find My (iOS Only) App, Trakcer Tag Locator for Keys, Luggage, Satchel, Backpack etc. (Not for Android Devices)
![SAMSUNG EVO Select Micro SD-Memory-Card + Adapter, 128GB microSDXC 160MB/s Full HD & 4K UHD, UHS-I, U3, A2, V30, for Android Smartphones, Tablets, Nintendo-Switch (MB-ME128SA/AM) [Canada Version]](https://m.media-amazon.com/images/I/71lzXt4djxL._AC_UY654_FMwebp_QL65_.jpg)
SAMSUNG EVO Select Micro SD-Memory-Card + Adapter, 128GB microSDXC 160MB/s Full HD & 4K UHD, UHS-I, U3, A2, V30, for Android Smartphones, Tablets, Nintendo-Switch (MB-ME128SA/AM) [Canada Version]
Curve Smart Watch for Men Women, 1.91" Smartwatches with 120+ Sport Modes, Fitness Tracker with Bluetooth Call, Waterproof Activity Tracker Smartwatch for iOS Android Phones
Foscomax Wireless CarPlay Adapter, Mini Aluminium CarPlay Adapter for iPhone Supports 800+ Car's with Dongle Converts Wired to Wireless, Auto-Connect, No Delay Receiver, for iOS 10+
Curve Smart Watch for Men Women, 1.91" Smartwatches with 120+ Sport Modes, Fitness Tracker with Bluetooth Call, Waterproof Activity Tracker Smartwatch for iOS Android Phones
