• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Polygon in ASP.NET Core Maps Control

This sample uses polygons to highlight the Germany region on OpenStreetMap.

In this example, you can see how to display polygon shape over the map layer using polygonSettings. You can define the polygon shape using points property. You can use fill, opacity, borderColor, borderWidth and borderOpacity to customize the appearance of the polygon shape.

Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over a polygon or tap a polygon in touch enabled devices.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab