• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

BubbleLayerComponent

A vector shape layer for bubble maps. See example.

Selector

kendo-map-bubble-layer

Inputs

NameTypeDefaultDescription

data?

any[]

The array of data items for this layer.

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.

minSize?

number

0

The minimum symbol size for bubble layer symbols. Setting non-zero value will distort symbol area to value ratio.

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.

Methods

notifyChanges

Updates the component fields with the specified values and refreshes the Chart.

Use this method when the configuration values cannot be set through the template.

item.notifyChanges({ visible: true });
Parameters

changes

any

An object containing the updated input fields.

In this article

Not finding the help you need?