chore: update README and remove API keys

Author: loc-nguyenthien

demo/MapAndLocation/README.md

@@ -0,0 +1,38 @@
+## React Native Map And Location
+
+This is a straightforward cross-platform mobile application built with React Native, compatible with both iOS and Android devices. This example use [react-native-maps](https://github.com/react-native-maps/react-native-maps) library
+
+**Video Demo**
+
+https://drive.google.com/file/d/1VwhQiRi3HygJctODty6-lHCFOK1YhZTo/view
+
+## 📡 Features:
+
+### 1. **Map and Location**
+Showing Map and current Location of the phone on the Map. With simulated location changes, you can witness the seamless transition as you move from one point to another.
+
+### 2. **Drawing Zone or Line**
+Allows you to unleash your creativity by drawing zones or lines directly onto the map. Whether you're marking out boundaries or planning routes, the intuitive interface makes it simple and intuitive.
+
+### 3. **Route**
+Showcases the ability to generate routes between two predefined locations, providing you with guidance from one destination to another.
+
+## 🚀 Getting Started:
+
+### Pre-actions:
+Check out the Installation process for [react-native-maps](https://github.com/react-native-maps/react-native-maps/blob/master/docs/installation.md#installation) first and acquire the API keys, and update them into:
+- android/app/src/main/AndroidManifest.xml
+- android/app/src/main/res/values/google_maps_api.xml
+- ios/DemoMap/AppDelegate.mm
+
+1. Clone this repository to your local machine.
+2. Install dependencies using your preferred package manager (e.g., `npm install` or `yarn install`).
+3. Run the application on your preferred platform (iOS/Android) using `yarn android` or `yarn ios`.
+
+Explore the codebase, experiment with configurations, and use this demo as a starting point for incorporating beacon technology into your own React Native applications.
+
+## 📚 Resources:
+
+- [React Native Maps](https://github.com/react-native-maps/react-native-maps)
+  
+Feel free to reach out to the community for any questions or share your enhancements to this demo. Happy coding! 📡

demo/MapAndLocation/android/app/src/main/AndroidManifest.xml

@@ -26,6 +26,6 @@
 
       <meta-data
         android:name="com.google.android.geo.API_KEY"
-        android:value="AIzaSyBRjtH_faUrIuhiKUpR3Fi9KQX38s1-bh8"/>
+        android:value="MAP_API_KEY_HERE"/>
     </application>
 </manifest>

demo/MapAndLocation/android/app/src/main/res/values/google_maps_api.xml

@@ -1,4 +1,4 @@
 <resources>
-    <string name="google_maps_key" templateMergeStrategy="preserve" translatable="false">AIzaSyBRjtH_faUrIuhiKUpR3Fi9KQX38s1-bh8</string>
+    <string name="google_maps_key" templateMergeStrategy="preserve" translatable="false">MAP_API_KEY_HERE</string>
 </resources>
 

demo/MapAndLocation/ios/DemoMap/AppDelegate.mm

@@ -11,7 +11,7 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
     // You can add your custom initial props in the dictionary below.
     // They will be passed down to the ViewController used by React Native.
     self.initialProps = @{};
-  [GMSServices provideAPIKey:@"AIzaSyCQkbwBe1-bu2u1UbAbyt5A_VPVLv31Sb0"]; // add this line using the api key obtained from Google Console
+  [GMSServices provideAPIKey:@"MAP_API_KEY_HERE"]; // add this line using the api key obtained from Google Console
   return [super application:application didFinishLaunchingWithOptions:launchOptions];
 }