> 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/polyline.md).
# Polyline
### Polyline
Sets latitude/longitude, color, transparency, line thickness. Draws a line on the map by combining the set value. Collects the values of multiple coordinates and express them as lines.
```javascript
new fatosmap.maps.Polyline({ option })
```
#### Parameter
| Required Parameter | Description | Type |
| ------------------ | --------------------------------- | ---------- |
| path | Each {lat, lng} behaves as a node | JSON Array |
| Optional Parameter | Description | Type |
| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- |
| strokeColor | specifies a hexadecimal HTML color of the format "#FFFFFF", The default is '#000000' | Hex |
| strokeOpacity | specifies a numerical value between 0.0 and 1.0 to determine the opacity of the line's color. The default is 1.0 | Numeric |
| strokeWeight | specifies the width of the line in pixels. The default is 1 | Numeric |
| message (popup) | Set the message of popup, type is string or HTML | String / HTML |
| event | popup mouse event click or mouseover. The default click | String |
| anchor (popup) | A string indicating the part of the Marker that should be positioned closest to the coordinate set via Marker#setLngLat. Options are 'center' , 'top' , 'bottom' , 'left' , 'right'. The default is bottom | String |
| offset (popup) | The offset in pixels as a PointLike object to apply relative to the element's center. Negatives indicate left and up. default 15 | Numeric |
| closeButton (popup) | If true, a close button will appear in the top right corner of the popup. The default is false | Bool |
| coloseOnClick (popup) | If true, the popup closes when the map is clicked. The default is false | Bool |
### How to clear the polyline
Clears the path drawn on the map.
#### Example
```javascript
polyline.setMap(null);
```
### How to change path
#### Example
```javascript
const line = [
{ "lng": 126.89607702533408, "lat": 37.482463744025864 },
{ "lng": 126.80346571250732, "lat": 37.55918112070216 },
];
polyline.addPolyline(line);
```
### How to make a path on/off
#### Example
```javascript
// on
polyline.setVisible(true);
// off
polyline.setVisible(false);
```
### HTML Sample CODE
#### Example
```javascript
Polyline