New to Kendo UI for AngularStart 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:

The following example demonstrates how to create a bubble layer:

Change Theme
Theme
Loading ...

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:

Change Theme
Theme
Loading ...
In this article
OverviewBinding to DataTooltips
Not finding the help you need?
Contact Support