chore: add custom marker bitmap to example app

googlemaps · Nov 19, 2024 · ade6831 · ade6831
1 parent 007dfec
commit ade6831
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 6 deletions.
diff --git a/example/android/app/build.gradle b/example/android/app/build.gradle
@@ -51,7 +51,7 @@ react {
     // bundleAssetName = "MyApplication.android.bundle"
     //
     //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
-    // entryFile = file("../js/MyApplication.android.js")
+    entryFile = file("../../index.ts")
     //
     //   A list of extra flags to pass to the 'bundle' commands.
     //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle

diff --git a/example/android/app/src/main/assets/circle.png b/example/android/app/src/main/assets/circle.png
diff --git a/example/ios/SampleApp/Images.xcassets/Contents.json b/example/ios/SampleApp/Images.xcassets/Contents.json
@@ -1,6 +1,6 @@
 {
   "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
   }
 }
diff --git a/example/ios/SampleApp/Images.xcassets/circle.imageset/Contents.json b/example/ios/SampleApp/Images.xcassets/circle.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "circle.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/example/ios/SampleApp/Images.xcassets/circle.imageset/circle.png b/example/ios/SampleApp/Images.xcassets/circle.imageset/circle.png
diff --git a/example/src/controls/mapsControls.tsx b/example/src/controls/mapsControls.tsx
@@ -106,7 +106,7 @@ const MapsControls: React.FC<MapControlsProps> = ({ mapViewController }) => {
     console.log(result);
   };
 
-  const addMarker = async () => {
+  const addMarker = async (imgPath?: string) => {
     const cameraPosition = await mapViewController.getCameraPosition();
 
     const marker: Marker = await mapViewController.addMarker({
@@ -115,14 +115,19 @@ const MapsControls: React.FC<MapControlsProps> = ({ mapViewController }) => {
       title: 'Marker test',
       snippet: 'Marker test',
       alpha: 0.8,
-      rotation: 20,
+      rotation: 0,
       flat: false,
       draggable: true,
+      imgPath: imgPath,
     });
 
     console.log(marker);
   };
 
+  const addCustomMarker = async () => {
+    addMarker('circle.png');
+  };
+
   const addCircle = async () => {
     const cameraPosition = await mapViewController.getCameraPosition();
 
@@ -221,7 +226,8 @@ const MapsControls: React.FC<MapControlsProps> = ({ mapViewController }) => {
           setZoom((zoom ?? defaultZoom) - 1);
         }}
       />
-      <Button title="Add marker" onPress={addMarker} />
+      <Button title="Add marker" onPress={() => addMarker()} />
+      <Button title="Add custom marker" onPress={() => addCustomMarker()} />
       <Button title="Add circle" onPress={addCircle} />
       <Button title="Add polyline" onPress={addPolyline} />
       <Button title="Add polygon" onPress={addPolygon} />