> For the complete documentation index, see [llms.txt](https://fatos-doc.fatos.biz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://fatos-doc.fatos.biz/fatos-api/map/map-control/polygon.md).
# Polygon
### Polygon
Creates a custom polygon. Takes JSON Array of at least 3 latitude/longitude for vertices, color, and transparency as arguments.
```javascript
new fatosmap.maps.Polygon({ option });
```
#### Parameter
| Required Parameter | Description | Type |
| ------------------ | -------------------------------- | ---------- |
| paths | Coordinate value for each vertex | JSON Array |
| Optional Parameter | Description | Type |
| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------- | ------------- |
| fillColor | specifies a hexadecimal HTML color of the format "#FFFFFF". The Polygon class does not support named colors. The default is '#000000' | Hex (String) |
| fillOpacity | specifies a numerical value between 0.0 and 1.0 to determine the opacity of the fill's color. The default is 1.0 | Numeric |
| outlineColor | specifies a hexadecimal HTML outline color of the format "#FFFFFF". The Polygon class does not support named colors. The default is '#000000' | Hex (String) |
| text | Optional formatted. Defaults to "" | String |
| textColor | Optional color. Defaults to "#000000". Requires "text" option. | Hex (String) |
| textHaloColor | Optional color. Defaults to "rgba(0, 0, 0, 0)". Requires "text" option. | RGBA |
| textHaloWidth | Optional number greater than or equal to 0. Units in pixels. Defaults to 0. Requires "text" option. | Numeric |
| textSize | Optional number greater than or equal to 0. Units in pixels. Defaults to 16. Requires "text" option. | Numeric |
| textOffset | Optional array of numbers. Units in ems. Defaults to \[0,0]. Requires "text" option. | Numeric Array |
### How to clear th polygon
Clears the polygon drawn on the map
#### Example
```javascript
polygon.setMap(null);
```
### How to change path
#### Example
```javascript
const polygonPath2 = [
{ lng : 126.89671297016855, lat : 37.48327831082247 },
{ lng : 126.9263372880938, lat : 37.4687100831612 },
{ lng : 126.894434176483, lat : 37.457555934748214 },
{ lng : 126.86854454821116, lat : 37.47338227239054 }
];
polygon.addPolygon(polygonPath2);
```
### How to make a path on/off
Sets a visibility option for a polygon instance.
#### Example
```javascript
// on
polygon.setVisible(true);
// off
polygon.setVisible(false);
```
### HTML Sample CODE
#### Example
```html
Polygon