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)
Android: react-native run-android
iPhone: react-native run-ios
Create your project on google console (Here). And enable below APIs
- Google Map API
- Directions API
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>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- Initial Build
Map interaction prototype is MIT-licensed.
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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent