# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bdb.ai/bdb-documentation/data-visualization/governed-dashboards/configuration/geo-mapping.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.