Mapa de polilínea geográfica Blazor
En el componente de mapa Blazor, puede usar IgbGeographicPolylineSeries
para mostrar datos geoespaciales usando polilíneas en un contexto geográfico. Este tipo de serie geográfica se utiliza a menudo para representar carreteras o conexiones entre ubicaciones geográficas como ciudades o aeropuertos.
Blazor Geographic Polyline Map Example
IgbGeographicPolylineSeries
funciona de manera muy similar a IgbGeographicShapeSeries
excepto que los datos geoespaciales se representan con polilíneas en lugar de polígonos.
Data Requirements
De forma similar a otros tipos de series geográficas en el control, el IgbGeographicPolylineSeries
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 IgbGeographicPolylineSeries
puntos de esta columna de datos asignados para trazar polígonos en el control.
Code Snippet
El siguiente código muestra cómo vincular IgbGeographicPolylineSeries
a ubicaciones de ciudades cargadas desde un archivo de forma usando IgbShapeDataSource
.
@using IgniteUI.Blazor.Controls
<IgbGeographicMap Height="100%" Width="100%" Zoomable="true">
<IgbGeographicPolylineSeries Outline="Red" ShapefileDataSource="DataSource" />
</IgbGeographicMap>
@code {
public IgbShapeDataSource DataSource;
protected override void OnInitialized()
{
this.DataSource = new IgbShapeDataSource()
{
ShapefileSource = "https://static.infragistics.com/xplatform/shapes/AmericanRoads.shp",
DatabaseSource = "https://static.infragistics.com/xplatform/shapes/AmericanRoads.dbf"
};
}
}