New to Kendo UI for Angular? Start a free 30-day trial
Bubble Map layer
Overview
The bubble map layer displays value proportions over geographic regions.
At each location, the layer will render a circle with an area proportional to the value. The rendered shape can be customized by setting symbol
Binding to Data
The Bubble map layer expects the data to contain two fields:
- Location, specified by locationField
- Value, specified by valueField
The following example demonstrates how to create a bubble layer:
Example
View Source
Change Theme:
Tooltips
The Map has a built-in tooltip for bubbles. To display the tooltip, define a bubble tooltip template.
The available inputs for the bubble tooltip template are:
dataItem—The original data item used to create the bubble.location—The location of the bubble.value—The value of the bubble.
The bubble tooltip is demonstrated in the example below:
Example
View Source
Change Theme:
