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.

• Navigate to the General properties

• Change the Map Type to Leaflet.

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

  • Line

  • Polygone

  ​

Available Geometry types for Leaflet

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.

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

• 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.

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

• Preview the dashboard to view the polygon-type geometry.