Map interaction prototype

Map interaction for a mobile app, made this sample app with React Native.

Check it out on Dribbble (https://dribbble.com/shots/4984844-Map-interaction-prototype)

Installation

Android: react-native run-android

iPhone: react-native run-ios

Usage

Create your project on google console (Here). And enable below APIs

• Google Map API
• Directions API

Android

Create API Key from credentials. and put it in code as below to access google map.

Add your API key to your manifest file (android/app/src/main/AndroidManifest.xml):

<application>
   <!-- You will only need to add this meta-data tag, but make sure it is a child of application -->
   <meta-data
     android:name="com.google.android.geo.API_KEY"
     android:value="Your Google maps API Key Here"/>
</application>

iOS

dd to `ios/YOUR_PROJECT_NAME/AppDelegate.m:

+ #import <GoogleMaps/GoogleMaps.h>

@implementation AppDelegate
...

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
+  [GMSServices provideAPIKey:@"_YOUR_API_KEY_"]; // add this line using the api key obtained from Google Console

Version: 1.0

• Initial Build

LICENSE!

Map interaction prototype is MIT-licensed.

Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an email to [email protected] And do let us know if you have any questions or suggestion regarding our work.