• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting
Components / Map / API / MapBubbleLayerProps / 

MapBubbleLayerProps

Represents the props of the KendoReact MapBubbleLayer component.

NameTypeDefaultDescription

attribution?

string

The attribution for the layer. Accepts HTML.

children?

React.ReactNode

data?

any[]

The array of data items for this layer.

extent?

Extent | [[number, number], [number, number]]

Specifies the extent of the region covered by this layer. The layer will be hidden when the specified area is out of view. If not specified, the layer is always visible.

Accepts an Extent or an array that specifies the extent covered by this layer: [[NW lat, NW long], [SE lat, SE long]].

locationField?

string

The data item field which contains the symbol location.

The field should be an array with two numbers - latitude and longitude in decimal degrees.

maxSize?

number

100

The maximum symbol size for bubble layer symbols.

maxZoom?

number

The minimum zoom level at which to show this layer.

minSize?

number

0

The minimum symbol size for bubble layer symbols.

Setting non-zero value will distort symbol area to value ratio.

minZoom?

number

The minimum zoom level at which to show this layer.

opacity?

number

The the opacity for the layer.

The value must be in the range from 0 (fully transparent) to 1 (fully opaque).

style?

ShapeOptions

The default style for symbols.

symbol?

BubbleLayerSymbol

The symbol to use for bubble layers.

valueField?

string

The value field for the symbols used to determine their relative size. The data item field should be a number.

zIndex?

number

The zIndex for this layer.

Layers are normally stacked in declaration order (last one is on top).

In this article

Not finding the help you need?

Contact Support