Example of Polygon in React Maps Component

/
/
PolygonLayer

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

More Details...

Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found

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.


Injecting Module

Map component features are separated into discrete feature-based modules. To use polygon and its tooltip, inject the Polygon and MapsTooltip modules using the <Inject services={[Polygon, MapsTooltip]} /> method.

Description

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.


Injecting Module

Map component features are separated into discrete feature-based modules. To use polygon and its tooltip, inject the Polygon and MapsTooltip modules using the {''} method.