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.

AddyourAPIkeytoyourmanifestfile(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-dataandroid:name="com.google.android.geo.API_KEY"android:value="Your Google maps API Key Here"/></application>

iOS

ddto `ios/YOUR_PROJECT_NAME/AppDelegate.m:
+ #import <GoogleMaps/GoogleMaps.h>
@implementationAppDelegate
...
-(BOOL)application:(UIApplication*)applicationdidFinishLaunchingWithOptions:(NSDictionary*)launchOptions{+[GMSServicesprovideAPIKey:@"_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 sales@mindinventory.com And do let us know if you have any questions or suggestion regarding our work.