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.

PreviousData LabelNextLanguage Mapping