# Shape Layer

The Map Shape layer displays vector maps encoded in the industry-standard [GeoJSON](https://geojson.org/) format.

## Binding to GeoJSON Data

The following example demonstrates how to bind a Shape layer to GeoJSON data:

[Demo Source](https://demos.telerik.com/kendo-react-ui/map/layers/shape/func/source.txt)

## Customizing Shapes

The layer is rendered using the [Drawing API](https://www.telerik.com/kendo-react-ui-develop/components/drawing) and can be customized.

The following example demonstrates how the set the shape color in the [ShapeCreatedEvent](https://www.telerik.com/kendo-react-ui-develop/components/map/api/shapecreatedevent)

[Demo Source](https://demos.telerik.com/kendo-react-ui/map/layers/shape-custom/func/source.txt)

## Tooltips

The Map has a built-in tooltip for shapes. To display the tooltip, define a shape tooltip renderer.

The available fields in the shape tooltip [renderer context](https://www.telerik.com/kendo-react-ui-develop/components/map/api/shapetooltipcontext) are:

* `dataItem`—The original data item used to create the shape.
* `layerIndex`—The index of the bubble layer in the Map.
* `location`—The location of the center of the shape.

The shape tooltip is demonstrated in the example below:

[Demo Source](https://demos.telerik.com/kendo-react-ui/map/layers/shape-tooltip/func/source.txt)