FATOS Developer
Developer SiteConsole
  • FATOS Developer Introduction
  • FATOS API
    • Map
      • Map control
        • Sources
        • Layers
          • Style Specification
            • Fill
            • Line
            • Symbol
            • Circle
        • Building
        • Bounds
        • Center
        • Heading
        • Flyto
        • Tilt
        • Zoom
        • Marker
          • Instance Members
        • Polyline
        • Polygon
        • Circle
        • On/Off
        • Once
        • Language
        • Theme
        • Cluster
          • Instance Members
      • Button control
      • Utilities
        • Rectangle
        • Distance
        • Area
    • Search
      • Address
      • Geocoding
      • Geofencing
      • Detail
      • Public Transport
        • Bus Route
        • Bus Route Information
        • Bus Stop Information
        • Subway Station Information
        • Subway Station Timetable
        • Public Transit POI within Radius
        • Public Transit POI on Map
        • Subway Station Transfer Information
        • Real-time Bus Location Information
        • Real-time Bus Arrival Information
    • Routing
      • Route
      • Route for truck
      • Route_v2
      • Public Transit Route Search
      • Route Graphic Data
      • Bicycle
      • Pedestrian
    • Analyze
    • Tracking
  • FATOS SDK
    • Authentication
    • Platform
      • Android
        • Start
        • Component
      • iOS
        • Start
        • Component
      • React Native
        • Start
        • Component
  • Get your API Key
  • Release Note
    • FATOS Map API
    • API Server
    • RP Server
  • Troubleshooting
    • FAQ
Powered by GitBook
On this page

Was this helpful?

  1. FATOS API
  2. Map
  3. Map control
  4. Layers
  5. Style Specification

Circle

A filled circle.

Paint Property

Property Name
Description
Type
Defaults

circle-blur

Amount to blur the circle. 1 blurs the circle such that only the centerpoint is full opacity.

number

0

circle-color

The fill color of the circle.

hex values, RGB, RGBA, HSL, HSLA, Colors Name

#000000

circle-opacity

The opacity at which the circle will be drawn.

between 0 and 1 inclusive.

number

1

circle-pitch-alignment

Orientation of circle when map is pitched.

"map":

The circle is aligned to the plane of the map.

"viewport":

The circle is aligned to the plane of the viewport.

string

viewport

circle-pitch-scale

Controls the scaling behavior of the circle when the map is pitched.

"map":

Circles are scaled according to their apparent distance to the camera.

"viewport":

Circles are not scaled.

string

map

circle-radius

Circle radius.

greater than or equal to 0.

number

5

circle-stroke-color

The stroke color of the circle.

hex values, RGB, RGBA, HSL, HSLA, Colors Name

#000000

circle-stroke-opacity

The opacity of the circle's stroke.

between 0 and 1 inclusive.

number

1

circle-stroke-width

The width of the circle's stroke. Strokes are placed outside of the circle-radius. greater than or equal to 0.

number

0

circle-translate

The geometry's offset. Values are [x, y] where negatives indicate left and up, respectively.

array of numbers

[0,0]

circle-translate-anchor

Controls the frame of reference for circle-translate.

"map":

The circle is translated relative to the map.

"viewport":

The circle is translated relative to the viewport.

string

map

Layout Property

Property Name
Description
Type
Defaults

visibility

Whether this layer is displayed.

"visible":

The layer is shown.

"none":

The layer is not shown.

String( visible or none)

visible

circle-sort-key

Sorts features in ascending order based on this value. Features with a higher sort key will appear above features with a lower sort key.

number

null

PreviousSymbolNextBuilding

Last updated 3 years ago

Was this helpful?