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:

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:

In this article

Not finding the help you need?