Mapa del polígono geográfico Blazor
En el componente de mapa Blazor, puede usar IgbGeographicShapeSeries para mostrar datos geoespaciales usando polígonos de formas en un contexto geográfico. Este tipo de serie geográfica se utiliza a menudo para representar formas de países o regiones definidas por ubicaciones geográficas.
Blazor Geographic Polygon Map Example
IgbGeographicShapeSeries funciona de manera muy similar a IgbGeographicPolylineSeries excepto que los datos geoespaciales se representan con polígonos en lugar de polilíneas.
Data Requirements
Al igual que otros tipos de series geográficas en el control de mapa, el IgbGeographicShapeSeries tiene la DataSource propiedad que se puede enlazar a una matriz de objetos. Además, cada elemento de datos de este objeto debe tener una columna de datos que almacene una o varias formas mediante una matriz de matrices de objetos con valores x e y que representen ubicaciones geográficas. A continuación, esta columna de datos se asigna a la ShapeMemberPath propiedad. Utiliza IgbGeographicShapeSeries puntos de esta columna de datos asignados para trazar polígonos en el control de mapa.
Code Snippet
El siguiente código demuestra cómo vincular IgbGeographicShapeSeries a formas de países del mundo cargados desde un archivo de formas utilizando IgbShapeDataSource.
@using IgniteUI.Blazor.Controls
<IgbGeographicMap Height="100%" Width="100%" Zoomable="true">
<GeographicShapeSeries ShapefileDataSource="DataSource"/>
</IgbGeographicMap>
@code {
public IgbShapeDataSource DataSource;
protected override void OnInitialized()
{
this.DataSource = new IgbShapeDataSource()
{
ShapefileSource = "https://static.infragistics.com/xplatform/shapes/WorldCountries.shp",
DatabaseSource = "https://static.infragistics.com/xplatform/shapes/WorldCountries.dbf"
};
}
}