> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/bdb-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/bdb-documentation/data-visualization/governed-dashboards/configuration/geo-mapping.md).

# Geo Mapping

{% hint style="success" %}
Pre-requisite: Please configure the [<mark style="color:blue;">**Geo Shape**</mark>](/bdb-documentation/core-platform/platform-administration/admin-panel-options/configurations/geo-spatial.md#geo-shapes) settings for ***Polygone*** and ***Line*** Geometry type before using them inside the Map chart component of the Designer.&#x20;
{% endhint %}

{% hint style="success" %}
*Check out the walk-through given below on how to map the Polygone Geometry type with Leaflet Map charting component in the Designer.*
{% endhint %}

![](/files/uj74iZtzgBrrDZhpZIye)

* Drag and drop the ***Map Chart*** component.
* Create a connection for associating with a chart.

![](/files/Nz1PUj1Ht18rqWqym07M)

* Navigate to the **General properties**
* Change the **Map Type** to ***Leaflet***.     &#x20;

![](/files/cnaJQYwH6HZokbvYtFOO)

* There are following geometry types under the **Leaflet** map for which the user needs to perform the following steps:

  * Line
  * Polygone&#x20;

![Available Geometry types for Leaflet](/files/O5nEF3BynwBEBnfEsctr)

#### Line Type:

* Navigate to the ***Geometry Type*** and select the ***Line***.

&#x20;     ![](/files/oKtmAgMDNXirmS0YY5JV)

* Associate category and series fields to the chart.
* Use SDK method in dashboard script pane to fetch ‘Line shape file’ JSON which is configured in Admin Module.

```
sdk.getWidget( 'map1' ).m_shapedetails.filename = "Line shape file";// Some code
```

![](/files/z1wybG6vpnpKFRfhfExR)

* Preview the Dashboard to view line-type geometry.

![](/files/d2jtLYbsMqSwzEKv5NDQ)

#### Polygon Type:

* Navigate to ***Geometry Type*** and select ***Polygon***.

&#x20;      ![](/files/AV9XBa1IwICJCYXRSH6c)

* Associate category and series fields to the chart.

![](/files/YMVBlqNdfuO81Ibni9wo)

* Use an SDK method in dashboard script pane to fetch the ***Line shape file*** ***JSON*** which is configured in the Admin Module.

```
sdk.getWidget( 'map1' ).m_shapedetails.filename = "Polygon shape file";
```

* Preview the dashboard to view the polygon-type geometry.&#x20;

![](/files/h65jrwd9pMK17zX4xOe5)