<h1>Hello, Syncfusion Playground for Blazor!</h1>
@using Syncfusion.Blazor.Maps
<SfMaps>
<MapsEvents ShapeSelected="@onShapeSelected"></MapsEvents>
<MapsLayers>
<MapsLayer TValue="DatosMapa" DataSource="@_mapa.DatosMapas" ShapeDataPath="Continent" ShapePropertyPath=@(new string[] {"continent"}) ShapeData='new {dataOptions= "https://cdn.syncfusion.com/maps/map-data/world-map.json"}'>
<MapsLayerSelectionSettings Enable="true" Fill="#000000" />
</MapsLayer>
</MapsLayers>
</SfMaps>
@code {
public string shapePropertyPath = "continent";
public string shapeDataPath = "Continent";
public class DatosMapa
{
public string Admin;
public string Name;
public string Continent;
};
public Mapa _mapa { get; set; }
protected override async Task OnInitializedAsync()
{
_mapa = new Mapa();
_mapa.DatosMapas = DataSource;
}
public class Mapa
{
public List<DatosMapa> DatosMapas { get; set; }
}
public List<DatosMapa> DataSource = new List<DatosMapa>
{
new DatosMapa { Admin = "Sales", Continent= "North America", Name="USA"},
new DatosMapa { Admin = "Manufacture", Continent = "South America", Name = "US"},
new DatosMapa { Admin = "Quality", Continent= "Africa", Name="Africa"},
new DatosMapa { Admin = "Marketing", Continent = "Europe", Name = "Euro"}
};
void onShapeSelected(ShapeSelectedEventArgs args)
{
DatosMapa temp = Newtonsoft.Json.JsonConvert.DeserializeObject<DatosMapa>(args.Data.ToString());
Console.WriteLine(temp.Continent);
}
}
