From 07f2e1c03d925e8453d3b0e4cb7589b262a110b5 Mon Sep 17 00:00:00 2001
From: mudabbir-ahmad <mudabbira.uk@gmail.com>
Date: Thu, 9 Apr 2026 09:01:08 +0100
Subject: [PATCH] Integrate Google Maps provider: update map components to use
 Google Maps, add API key configuration in app.json, and ensure consistent map
 rendering across screens.

---
 app.json                                    | 13 ++++++++++++-
 src/components/gameplay/PlayerMapView.js    |  1 +
 src/components/screens/ExpandedMapScreen.js |  1 +
 src/components/screens/MapScreen.js         |  2 ++
 4 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/app.json b/app.json
index 3f8c7e5..9ae113b 100644
--- a/app.json
+++ b/app.json
@@ -16,6 +16,9 @@
       "supportsTablet": true,
       "infoPlist": {
         "NSLocationWhenInUseUsageDescription": "This app needs your location for the treasure hunt."
+      },
+      "config": {
+        "googleMapsApiKey": "AIzaSyA-G0tSzzcM5z6HyI23s8dzKDLCOrekhbw"
       }
     },
     "android": {
@@ -41,6 +44,14 @@
       "eas": {
         "projectId": "c65a2849-f05d-48ef-9e36-950caa214a7d"
       }
-    }
+    },
+    "plugins": [
+      [
+        "react-native-maps",
+        {
+          "googleMapsApiKey": "AIzaSyA-G0tSzzcM5z6HyI23s8dzKDLCOrekhbw"
+        }
+      ]
+    ]
   }
 }
diff --git a/src/components/gameplay/PlayerMapView.js b/src/components/gameplay/PlayerMapView.js
index 2a405c3..4476ae4 100644
--- a/src/components/gameplay/PlayerMapView.js
+++ b/src/components/gameplay/PlayerMapView.js
@@ -18,6 +18,7 @@ const PlayerMapView = ({userLocation, visibleCaches, heading, claimDistance}) =>
     return (
         <MapView
             style={{flex: 1}}
+            provider="google"
             initialRegion={{...userLocation, latitudeDelta: 0.01, longitudeDelta: 0.01}}
             scrollEnabled={true}
             zoomEnabled={true}
diff --git a/src/components/screens/ExpandedMapScreen.js b/src/components/screens/ExpandedMapScreen.js
index 289eb6b..be7df57 100644
--- a/src/components/screens/ExpandedMapScreen.js
+++ b/src/components/screens/ExpandedMapScreen.js
@@ -82,6 +82,7 @@ const ExpandedMapScreen = ({route}) => {
             <View style={styles.mapWrap}>
                 <MapView
                     style={{flex: 1}}
+                    provider="google"
                     initialRegion={region}
                     showsUserLocation
                 >
diff --git a/src/components/screens/MapScreen.js b/src/components/screens/MapScreen.js
index d9de292..d199115 100644
--- a/src/components/screens/MapScreen.js
+++ b/src/components/screens/MapScreen.js
@@ -342,6 +342,7 @@ const MapScreen = ({navigation}) => {
                 <View style={styles.mapWrap}>
                     <MapView
                         style={{flex: 1}}
+                        provider="google"
                         initialRegion={newCoord ? {...newCoord, latitudeDelta: 0.01, longitudeDelta: 0.01} : mapRegion}
                         scrollEnabled={true}
                         zoomEnabled={true}
@@ -443,6 +444,7 @@ const MapScreen = ({navigation}) => {
                 <View style={styles.mapContainer}>
                     <MapView
                         style={{flex: 1}}
+                        provider="google"
                         initialRegion={mapRegion}
                         scrollEnabled={true}
                         zoomEnabled={true}