google maps api integration

README.md

@@ -11,6 +11,11 @@ Make sure Node.js, Flutter, and Docker are installed!
 npm run setup
 ```
 
+### API Keys for Flutter
+```
+To access the Google Maps in the CornellGo app, you need two Google Maps API Keys. One is for Android and one is for iOS. Ask a TPM for the .env file with the keys and the instructions to add it into the app.
+```
+
 ### Run project in container
 
 ```

game/.gitignore

@@ -44,3 +44,6 @@ app.*.map.json
 /android/app/debug
 /android/app/profile
 /android/app/release
+
+# Secret API Keys
+*.env

game/android/app/build.gradle

@@ -31,6 +31,8 @@ apply plugin: 'com.android.application'
 apply plugin: 'kotlin-android'
 apply plugin: 'com.google.gms.google-services'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
+apply from: project(':flutter_config').projectDir.getPath() + "/dotenv.gradle"
+
 
 android {
     compileSdkVersion 33

game/android/app/src/main/AndroidManifest.xml

@@ -2,7 +2,12 @@
   <uses-permission android:name="android.permission.INTERNET" />
   <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
   <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
+  <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION"/>
   <application android:label="CornellGO!" android:icon="@mipmap/ic_launcher">
+
+    <meta-data android:name="com.google.android.geo.API_KEY"
+        android:value="@string/ANDROID_MAP_API_KEY" />
+
     <activity android:name=".MainActivity" android:exported="true" android:launchMode="singleTop" android:theme="@style/LaunchTheme" android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode" android:hardwareAccelerated="true" android:windowSoftInputMode="adjustResize">
       <!-- Specifies an Android theme to apply to this Activity as soon as
                  the Android process has started. This theme is visible to the user
@@ -23,5 +28,6 @@
     <!-- Don't delete the meta-data below.
              This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
     <meta-data android:name="flutterEmbedding" android:value="2" />
+
   </application>
 </manifest>

game/ios/Runner/AppDelegate.swift

@@ -1,6 +1,8 @@
 import UIKit
 import Flutter
 import Firebase
+import GoogleMaps
+import flutter_config
 
 @UIApplicationMain
 @objc class AppDelegate: FlutterAppDelegate {
@@ -10,6 +12,7 @@ import Firebase
   ) -> Bool {
     GeneratedPluginRegistrant.register(with: self)
     FirebaseApp.configure()
+    GMSServices.provideAPIKey(FlutterConfigPlugin.env(for: "IOS_MAP_API_KEY"))
     return super.application(application, didFinishLaunchingWithOptions: launchOptions)
   }
 }

game/lib/api/geopoint.dart

@@ -1,19 +1,28 @@
+import 'dart:async';
+import 'dart:io' show Platform;
 import 'package:geolocator/geolocator.dart';
 
 class GeoPoint {
   static bool didMakeRequest = false;
   double _lat = 0;
   double _long = 0;
+  double _heading = 0;
 
   double get lat => _lat;
   double get long => _long;
+  double get heading => _heading;
 
   static bool _isRequestingLocationPermissions = false;
   static bool _isRequestingLocation = false;
 
-  GeoPoint(double lat, double long) {
+  GeoPoint(
+    double lat,
+    double long,
+    double heading,
+  ) {
     _lat = lat;
     _long = long;
+    _heading = heading;
   }
 
   static Future<GeoPoint?> current() async {
@@ -37,7 +46,7 @@ class GeoPoint {
       if (permission == LocationPermission.denied) {
         permission = await Geolocator.requestPermission();
         if (permission == LocationPermission.denied) {
-          return Future.error('Location permissions are denied');
+          return Future.error('Location services are disabled.');
         }
       }
       if (permission == LocationPermission.deniedForever) {
@@ -46,7 +55,7 @@ class GeoPoint {
             'Location permissions are permanently denied, we cannot request permissions.');
       }
       final pos = await Geolocator.getCurrentPosition();
-      return GeoPoint(pos.latitude, pos.longitude);
+      return GeoPoint(pos.latitude, pos.longitude, pos.heading);
     } catch (e) {
       return Future.error(e.toString());
     }
@@ -59,4 +68,40 @@ class GeoPoint {
   double bearingTo(GeoPoint other) {
     return Geolocator.bearingBetween(_lat, _long, other._lat, other._long);
   }
+
+  static LocationSettings getLocationSettings() {
+    late LocationSettings locationSettings;
+
+    if (Platform.isAndroid) {
+      locationSettings = AndroidSettings(
+          accuracy: LocationAccuracy.high,
+          distanceFilter: 100,
+          forceLocationManager: true,
+          intervalDuration: const Duration(seconds: 10),
+          //(Optional) Set foreground notification config to keep the app alive
+          //when going to the background
+          foregroundNotificationConfig: const ForegroundNotificationConfig(
+            notificationText:
+                "CornellGO will continue to receive your location even when you aren't using it",
+            notificationTitle: "Running in Background",
+            enableWakeLock: true,
+          ));
+    } else if (Platform.isIOS || Platform.isMacOS) {
+      locationSettings = AppleSettings(
+        accuracy: LocationAccuracy.high,
+        activityType: ActivityType.fitness,
+        distanceFilter: 100,
+        pauseLocationUpdatesAutomatically: true,
+        // Only set to true if our app will be started up in the background.
+        showBackgroundLocationIndicator: false,
+      );
+    } else {
+      locationSettings = LocationSettings(
+        accuracy: LocationAccuracy.high,
+        distanceFilter: 100,
+      );
+    }
+
+    return locationSettings;
+  }
 }

game/lib/challenges/challenges_page.dart

@@ -3,6 +3,7 @@ import 'package:flutter/src/foundation/key.dart';
 import 'package:flutter/src/widgets/framework.dart';
 import 'package:flutter/src/widgets/placeholder.dart';
 import 'challenge_cell.dart';
+import 'package:game/journeys/filter_form.dart';
 
 class ChallengesPage extends StatefulWidget {
   const ChallengesPage({Key? key}) : super(key: key);
@@ -12,6 +13,17 @@ class ChallengesPage extends StatefulWidget {
 }
 
 class _ChallengesPageState extends State<ChallengesPage> {
+  void openFilter() {
+    showModalBottomSheet(
+        context: context,
+        isScrollControlled: true,
+        builder: (
+          BuildContext context,
+        ) {
+          return FilterForm();
+        });
+  }
+
   /* Dummy code, to be replaced */
   final cells = [
     ChallengeCell(
@@ -93,25 +105,33 @@ class _ChallengesPageState extends State<ChallengesPage> {
                     crossAxisAlignment: CrossAxisAlignment.center,
                     children: [
                       Container(
-                        padding: EdgeInsets.zero,
-                        color: Color.fromARGB(76, 217, 217, 217),
+                        height: 30,
                         child: TextButton.icon(
-                          onPressed: () {},
-                          icon: Icon(
-                            Icons.tune,
-                            color: Color.fromARGB(204, 0, 0, 0),
-                            size: 12,
-                          ),
-                          label: Text(
-                            "filter",
-                            style: TextStyle(
-                              color: Color.fromARGB(204, 0, 0, 0),
-                              fontSize: 12,
-                              fontFamily: 'Lato',
-                              fontWeight: FontWeight.w600,
+                            onPressed: openFilter,
+                            icon: Icon(
+                              Icons.filter_list_rounded,
+                              color: Color.fromARGB(255, 0, 0, 0),
+                              size: 20.0,
+                            ),
+                            style: ButtonStyle(
+                              backgroundColor: MaterialStateProperty.all<Color>(
+                                  Color.fromARGB(153, 217, 217, 217)),
+                              padding: MaterialStateProperty.all(
+                                EdgeInsets.only(right: 16.0, left: 16.0),
+                              ),
+                              shape: MaterialStateProperty.all(
+                                  RoundedRectangleBorder(
+                                borderRadius: BorderRadius.circular(3.0),
+                              )),
                             ),
-                          ),
-                        ),
+                            label: Text(
+                              "Filter By",
+                              style: TextStyle(
+                                color: Color.fromARGB(255, 0, 0, 0),
+                                fontSize: 15,
+                                fontFamily: 'Inter',
+                              ),
+                            )),
                       ),
                     ],
                   ),