How to access selected shape properties from ShapeSelected event handler

Question

The attached file contains a simple Blazor page with an SfMaps component with an event handler for the map's ShapeSelected event. When I click an area on the map the event handler gets called but I cannot figure out how to get the admin, name and continent properties of the selected shape using the IShapeSelectedEventArgs argument.

Just to be clear, the properties are in the JSON file hooked up to the map's ShapeData property.

I searched everywhere but have not found an example for this use case.

Thank you for your support.

Attachment: MapExample_4e5385da.zip

Swetha Babu · Accepted Answer

Hi,Thank you for contacting Syncfusion support,We can get the data from data source when selecting the shape using the Data argument in ShapeSelected event in Maps component. We need to add the data source to the layers of the maps using the "DataSource" property in layers in maps. Is the data source is not available, null value will be returned in the Data argument of the event. For achieving the shape selection, we need to set the field name of the GeoJSON file in the ShapePropertyPath and the field name of the data source which has same values as in the GeoJSON file in the ShapeDataPath property. Once we get the Data argument from the event, we need to deserialize it to get the data source values. 
  
We have created a simple Blazor application to demonstrate the same and it can be downloaded from the below link.https://www.syncfusion.com/downloads/support/forum/159565/ze/Maps1315228822In the above sample, we have rendered the world map with the ShapeSelected event in maps.Please let us know if you need any further assistance.Regards,Swetha Babu

Christian · Answer

Wonderful!  That works like a charm.  Thank you.

Sharmi Murugan · Answer

Hi Christian,Most Welcome! We are always happy to assist you.Regards,Sharmi