chore: add custom marker bitmap to example app

googlemaps · Nov 20, 2024 · c2c255f · c2c255f
1 parent 590b429
commit c2c255f
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
@@ -65,7 +65,7 @@ react {
     // hermesFlags = ["-O", "-output-source-map"]
 
     /* This example app uses typescript index file, so we need to specify the entry file */
-    entryFile = file("index.ts")
+    entryFile = file("../../index.ts")
 
     /* Autolinking */
     autolinkLibrariesWithApp()

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} />