Geo Mapping
Pre-requisite: Please configure the Geo Shape settings for Polygone and Line Geometry type before using them inside the Map chart component of the Designer.
Check out the walk-through given below on how to map the Polygone Geometry type with Leaflet Map charting component in the Designer.
Drag and drop the Map Chart component.
Create a connection for associating with a chart.
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252Fn2VPANmyvu5e0lmmwpKY%252Fimage.png%3Falt%3Dmedia%26token%3De9eb8e23-510e-485e-935a-4100c8df5a04&width=768&dpr=4&quality=100&sign=797d46c1&sv=1)
Navigate to the General properties
Change the Map Type to Leaflet.
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FnD1geddhDU6l8sDIotEK%252Fimage.png%3Falt%3Dmedia%26token%3Dd75033fe-de1f-4293-87a5-258d9b5d202f&width=768&dpr=4&quality=100&sign=790883a6&sv=1)
There are following geometry types under the Leaflet map for which the user needs to perform the following steps:
Line
Polygone
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FnuxG9jLYC5s8CmRyr3Np%252Fimage.png%3Falt%3Dmedia%26token%3D3b8aeec8-8cdc-499d-b853-6377e6e48a02&width=768&dpr=4&quality=100&sign=393e98d6&sv=1)
Line Type
Navigate to the Geometry Type and select the Line.
Associate category and series fields to the chart.
Use SDK method in dashboard script pane to fetch the Line shape file JSON which is configured in Admin Module.
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FpfCSu65DQntiTfo2ZG8L%252Fimage.png%3Falt%3Dmedia%26token%3D157a20b6-c60d-4db8-a955-08819c8acb9c&width=768&dpr=4&quality=100&sign=33f587a8&sv=1)
Preview the Dashboard to view line-type geometry.
Polygon Type
Navigate to Geometry Type and select Polygon.
Associate category and series fields to the chart.
Use an SDK method in dashboard script pane to fetch the Line shape file JSON which is configured in the Admin Module.
Preview the dashboard to view the polygon-type geometry.