Table Of Contents
Latest update [menu]
Name update
Description [menu]
React Native Maps Example for a Map component built by Airbnb that can use Apple Maps/Google Maps on iOS and Google Maps on Android.
https://github.com/airbnb/react-native-maps
1. MapView Events
The MapView component and its child components have several events that you can subscribe to.
2. Tracking Region / Location
3. Programmatically Changing Region
One can change the MapView position using refs and component methods, or by passing in an updated region prop. The component methods will allow one to animate to a given position like the native API could.
4. Changing the style of the map
5. Arbitrary React Views as Markers
6. Using the MapView with the Animated API
The MapView component can be made to work with the Animated API, having the entire region prop be declared as an animated value. This allows one to animate the zoom and position of the MapView along with other gestures, giving a nice feel. Further, Marker views can use the animated API to enhance the effect.
7. Polygon Creator
8. Other Overlays
So far, Circle, Polygon, and Polyline are available to pass in as children to the MapView component.
9. Default Markers
Default markers will be rendered unless a custom marker is specified. One can optionally adjust the color of the default marker by using the pinColor prop.
10. Custom Callouts
Callouts to markers can be completely arbitrary react views, similar to markers. As a result, they can be interacted with like any other view.
Additionally, you can fall back to the standard behavior of just having a title/description through the Marker's title and description props.
Custom callout views can be the entire tooltip bubble, or just the content inside of the system default bubble.
11. Image-based Markers
Markers can be customized by just using images, and specified using the image prop.
12. Draggable Markers
Markers are draggable, and emit continuous drag events to update other UI during drags.
13. Lite Mode ( Android )
Enable lite mode on Android with liteMode prop. Ideal when having multiple maps in a View or ScrollView.
14. Animated Region
The MapView can accept an MapView.AnimatedRegion value as its region prop. This allows you to utilize the Animated API to control the map's center and zoom.
15. Animated Marker Position
Markers can also accept an AnimatedRegion value as a coordinate.
16. Take Snapshot of map
17. Zoom to Specified Markers
Pass an array of marker identifiers to have the map re-focus.
18. Zoom to Specified Coordinates
Pass an array of coordinates to focus a map region on said coordinates.
How to install React Native Maps Example APK for Android [menu]
Download React Native Maps Example APK file (com.reactnativemapsexample_2_8069231.apk) from SameAPK.com, then follow these steps:
Update Phone Settings
- Go to your phone Settings page
- Tap Security or Applications (varies with device)
- Check the Unknown Sources box
- Confirm with OK
Go to Downloads
- Open Downloads on your device by going to My Files or Files
- Tap the APK file you downloaded (com.reactnativemapsexample_2_8069231.apk)
- Tap Install when prompted, the APK file you downloaded will be installed on your device.
How to install React Native Maps Example APK on Windows 7/8/10 or MAC PC? [menu]
Download React Native Maps Example APK file(com.reactnativemapsexample_2_8069231.apk) from SameAPK.com to your PC (ex: /Users/xxx/Downloads/(com.reactnativemapsexample_2_8069231.apk)), then follow these steps:
Using Emulator:
- Download And Install one Emulator Softwares (Ex: Bluestacks, GenyMotion, NoxPlayer)
- Simple install APK on PC by drag and drop file com.reactnativemapsexample_2_8069231.apk on Emulator screen
React Native Maps Example APK Pros & Cons [menu]
Pros
- This app is safe, it's not require high risk permissions
- Compatible with 32 bit device (most Emulator using 32bit arch CPU)
- Compatible with 64-bit device (some android device and current Bluestacks)
Cons
Everything is good.
