React Native Maps Polygon/Rectangle Round Edges

With this library it is possible to input 4 points of a rectangle and get back all points you need for a rectangle with round edges.

Installing

npm i react-native-polygon-round-edge

Use

Import:

import roundPolygon from "react-native-polygon-round-edges";

There are two functions:

roundPolygon.smoothPointsLatLong(...)
roundPolygon.smoothLatLong(...)

which returns an Array<LatLng> or anArray<XY>. These arrays outline the points of the rectangle with round edges.

Arguments:

Important: The order of the points is essential. Start with the lower left corner and continue clockwise.

Argument	Type	Note
points	Array<LatLng> or Array<XY>	4 points of the rectangle
numberOfPointsBetween	Positive Number	how many points are on the circle orbit(How round is the circle)
radius	Positive Number

Types:

type LatLng {
  latitude: Number,
  longitude: Number,
}

type XY {
  x: Number,
  y: Number,
}

Authors

• Jonathan Zimmermann - Initial work