From 3160b10a35d16fd53870034e19cad04a6b99c471 Mon Sep 17 00:00:00 2001
From: mingeee <mingrongn0@gmail.com>
Date: Tue, 7 Feb 2023 10:31:05 +1300
Subject: [PATCH 1/2] feat: add polygon

---
 src/Polygon.js | 10 ++++++++++
 src/index.js   |  2 ++
 2 files changed, 12 insertions(+)
 create mode 100644 src/Polygon.js

diff --git a/src/Polygon.js b/src/Polygon.js
new file mode 100644
index 00000000..8903b87e
--- /dev/null
+++ b/src/Polygon.js
@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+import { Polygon } from 'react-google-maps';
+
+class MapViewPolygon extends Component {
+  render() {
+    return <Polygon {...this.props} />;
+  }
+}
+
+export default MapViewPolygon;
diff --git a/src/index.js b/src/index.js
index dab5f226..6a8fd77c 100755
--- a/src/index.js
+++ b/src/index.js
@@ -4,6 +4,7 @@ import { withGoogleMap, GoogleMap } from 'react-google-maps';
 import Marker from './Marker';
 import Polyline from './Polyline';
 import Callout from './Callout';
+import Polygon from './Polygon';
 
 const GoogleMapContainer = withGoogleMap(props => (
   <GoogleMap {...props} ref={props.handleMapMounted} />
@@ -102,6 +103,7 @@ class MapView extends Component {
 MapView.Marker = Marker;
 MapView.Polyline = Polyline;
 MapView.Callout = Callout;
+MapView.Polygon = Polygon;
 
 const styles = StyleSheet.create({
   container: {

From 4f267fda86b87d7f862d2658fe1d6737799f6e71 Mon Sep 17 00:00:00 2001
From: mingeee <mingrongn0@gmail.com>
Date: Tue, 7 Feb 2023 12:20:16 +1300
Subject: [PATCH 2/2] fix: add coordinate, fillColor, strokeColor/Width

---
 src/Polygon.js | 31 ++++++++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/Polygon.js b/src/Polygon.js
index 8903b87e..c8a79e90 100644
--- a/src/Polygon.js
+++ b/src/Polygon.js
@@ -1,10 +1,31 @@
-import React, { Component } from 'react';
-import { Polygon } from 'react-google-maps';
+import React, { Component } from "react";
+import { Polygon } from "react-google-maps";
 
 class MapViewPolygon extends Component {
-  render() {
-    return <Polygon {...this.props} />;
-  }
+	render() {
+		const {
+			coordinates,
+			fillColor,
+			strokeColor,
+			strokeWidth,
+			...rest
+		} = this.props;
+
+		return (
+			<Polygon
+				path={coordinates.map((x) => ({
+					lat: x.latitude,
+					lng: x.longitude,
+				}))}
+				options={{
+					strokeColor: strokeColor,
+					strokeWeight: strokeWidth,
+					fillColor: fillColor,
+				}}
+				{...rest}
+			/>
+		);
+	}
 }
 
 export default MapViewPolygon;