• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Render Custom Symbols for Map Bubble Layers

Environment

Product Version5.5.1
ProductProgress® KendoReact

Description

How can I add some custom symbols to the Bubble layer of the Map?

Solution

The Bubble Layer allows you to define the way symbols are rendered. This approach works by defining a symbol function that uses the Drawing API to define the shape. The symbol is typically a Group of shapes.

The following example demonstrates how to render 200-kilometer lines in West-East direction as a symbol.

The lines get longer the farther you go North, which is due to that fact that the example uses the Mercator Projection.

Example
View Source
Change Theme:

In this article

Not finding the help you need?