Blazor Maps Example - Polygon Customization

Maps / Polygon / Polygon

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

Loading Syncfusion Blazor Server Demos…

In this example, you can see how to display polygon shape over the map layer using MapsPolygon. 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.


More information about polygon can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE