---
title: "Center location—Circle"
slug: "center-location-circle"
updated: 2026-10-09T20:32:02Z
published: 2026-10-09T20:32:02Z
canonical: "help.quickbase.com/center-location-circle"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.quickbase.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Center location—Circle

## Draw a circle around a target or central location

The extension allows users to place a circle around the center pin. This can be done by adding parameters to the formula that enable the circle to be shown:

- circleRad—The radius of the circle in miles. If a % is passed into this parameter such as 50%, then the circle's radius is half of the *rad* parameter.
- circleColor—Determines the color of the circle. Can be either the hex value (#00FFFF) or the color name (Blue). The color names allowed are listed on the [W3C CSS color keywords page](https://www.w3.org/wiki/CSS/Properties/color/keywords).
- colorFill—Determines whether the circle is filled in.

> [!NOTE]
> Note
> 
> The circle only appears if QB Maps finds the center record. To display a center pin, see [Center location—Radius](/quickbase-extensions/docs/center-location-radius).

## Examples

> [!TIP]
> Tip
> 
> Example 1:
> 
> DodgerBlue color and a radius of 2.5 miles:
> 
> & "&circleRad=2.5" & "&circleColor=DodgerBlue" & "&circleFill=True" ![Map showing a DodgerBlue circle with a 2.5-mile radius around the center pin.](https://cdn.document360.io/dd260e4e-10bb-4b66-8fb3-5504c272b904/Images/Documentation/b3fa3bd2bc-Half_20Circle.PNG?sv=2026-02-06&spr=https&st=2026-11-05T08%3A36%3A52Z&se=2026-11-05T09%3A36%3A52Z&sr=c&sp=r&sig=bzTin9VrscuOykN1Ye1zs3rBGiNZImukLaC8OUY6MvY%3D)

> [!TIP]
> Tip
> 
> Example 2: Crimson color and a radius of 75% of the rad parameter:
> 
> & “&rad=5”
> 
> 
> 
> & "&circleRad=75%" & "&circleColor=Crimson" & "&circleFill=True" ![Map showing a Crimson circle with a radius of 75% of the rad parameter around the center pin.](https://cdn.document360.io/dd260e4e-10bb-4b66-8fb3-5504c272b904/Images/Documentation/0224f78926-Crimson_20Circle.PNG?sv=2026-02-06&spr=https&st=2026-11-05T08%3A36%3A52Z&se=2026-11-05T09%3A36%3A52Z&sr=c&sp=r&sig=bzTin9VrscuOykN1Ye1zs3rBGiNZImukLaC8OUY6MvY%3D)