# Circle

## Circle

Creates a circle that takes center point, radius, colors, and transparency as arguments.

```javascript
new fatosmap.maps.Circle({ option });
```

### Parameter

| Required Parameter | Description                                 | Type    |
| ------------------ | ------------------------------------------- | ------- |
| center             | center point in latitude/longitude          | JSON    |
| radius             | specifies the radius of the circle in meter | Numeric |

| Optional Parameter | Description                                                                                                                         | Type          |
| ------------------ | ----------------------------------------------------------------------------------------------------------------------------------- | ------------- |
| fillColor          | specifies a hexadecimal HTML color of the format "#FFFFFF".The Circle 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       |
| text               | Optional formatted. The defaults is ""                                                                                              | 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 |

### Example

```javascript
let center = {lat: 37.5650745, lng:126.9850103}

let cityCircle = new fatosmap.maps.Circle({    
    fillColor: '#FF0000',    
    fillOpacity: 0.35,    
    center: center,
    radius:10*100
    text: 'FATOS',
    textColor:'#fff',
    textSize: 25,
    textOffset:[5,4]
    textHaloWidth:10
});    

cityCircle.setMap(mapInstance);
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://nostramap-doc.fatos.biz/fatos-api/map/map-control/circle.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.