customized google map style, added animations

Author: akashmi

App.js

@@ -137,17 +137,18 @@ android {
 }
 
 dependencies {
-    compile project(':react-native-maps')
+    implementation project(':react-native-maps')
     implementation fileTree(dir: "libs", include: ["*.jar"])
     implementation "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"
     implementation "com.facebook.react:react-native:+"  // From node_modules
 
-    compile(project(':react-native-maps')){
+    implementation(project(':react-native-maps')){
           exclude group: 'com.google.android.gms', module: 'play-services-base'
           exclude group: 'com.google.android.gms', module: 'play-services-maps'
       }
-      compile 'com.google.android.gms:play-services-base:15.0.1'
-      compile 'com.google.android.gms:play-services-maps:15.0.1'
+      implementation 'com.google.android.gms:play-services-base:15.0.1'
+      implementation 'com.google.android.gms:play-services-maps:15.0.1'
+      implementation project(':react-native-linear-gradient')
 
 }
 

android/app/build.gradle

@@ -14,7 +14,7 @@
         <!-- You will only need to add this meta-data tag, but make sure it's a child of application -->
         <meta-data
                 android:name="com.google.android.geo.API_KEY"
-                android:value="AIzaSyBLytYhLUD57b4v8MO-0vrWTQzNxwxSkaY"/>
+                android:value="AIzaSyBK2aP_D6peqMMj9CV_l4K07mqw_XDqRlQ"/>
 
       <activity
         android:name=".MainActivity"

android/app/src/main/AndroidManifest.xml

@@ -8,6 +8,7 @@
 import com.facebook.react.ReactPackage;
 import com.facebook.react.shell.MainReactPackage;
 import com.facebook.soloader.SoLoader;
+import com.BV.LinearGradient.LinearGradientPackage;
 
 import java.util.Arrays;
 import java.util.List;
@@ -24,6 +25,7 @@ public boolean getUseDeveloperSupport() {
     protected List<ReactPackage> getPackages() {
       return Arrays.<ReactPackage>asList(
           new MainReactPackage(),
+          new LinearGradientPackage(),
             new MapsPackage()
       );
     }

android/app/src/main/java/com/mymapapp/MainApplication.java

@@ -1,4 +1,8 @@
 rootProject.name = 'myMapApp'
+
+include ':react-native-linear-gradient'
+project(':react-native-linear-gradient').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-linear-gradient/android')
+
 include ':react-native-maps'
 project(':react-native-maps').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-maps/lib/android')
 

android/settings.gradle

@@ -10,7 +10,9 @@
     "@babel/runtime": "^7.1.2",
     "react": "16.5.0",
     "react-native": "0.57.1",
-    "react-native-maps": "^0.21.0"
+    "react-native-linear-gradient": "^2.4.2",
+    "react-native-maps": "^0.21.0",
+    "react-native-maps-directions": "^1.6.0"
   },
   "devDependencies": {
     "babel-jest": "23.6.0",