> 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 %}

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FkAxpSoxJTAwfQDngQ2FY%2FGeo%20shape%20for%20leaflet.gif?alt=media\&token=5d65a239-73f8-4c4b-8a63-13a4697e2260)

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

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fm9qU9IV2iOYmRKTeu4NL%2Fimage.png?alt=media\&token=e9eb8e23-510e-485e-935a-4100c8df5a04)

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

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FraaRWF3nkDm48yQfJbVw%2Fimage.png?alt=media\&token=d75033fe-de1f-4293-87a5-258d9b5d202f)

* 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](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FLGQluZghBoTFG4dDRMGb%2Fimage.png?alt=media\&token=3b8aeec8-8cdc-499d-b853-6377e6e48a02)

#### Line Type:

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

&#x20;     ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FHaAZUMTjCHVq3D4rrDCF%2Fimage.png?alt=media\&token=2d896099-c0e3-4a26-a9cc-ab2ebb3cf7d3)

* 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
```

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F78sWjXcy5dJz73LQjkOg%2Fimage.png?alt=media\&token=157a20b6-c60d-4db8-a955-08819c8acb9c)

* Preview the Dashboard to view line-type geometry.

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fsy2607JIDOXLqOZy2k4D%2Fimage.png?alt=media\&token=0ef3ba67-7d74-4e97-baac-92992f6dd7c3)

#### Polygon Type:

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

&#x20;      ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fv9UScfS4bSQQrqfbvdiB%2Fimage.png?alt=media\&token=da71acd7-050b-4010-8158-569071f48175)

* Associate category and series fields to the chart.

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FMkjQQBPp8q7lCwMKnrzW%2Fimage.png?alt=media\&token=1ac6a955-f9f6-4a2d-890a-bf73ebbee2c6)

* 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;

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FaOj2MEOsrGP07o05ne3i%2Fimage.png?alt=media\&token=759b07d8-ed0a-45cf-a42a-8a99b67b2161)