Blazor 지리적 폴리라인 지도
Blazor 지도 구성 요소에서는 IgbGeographicPolylineSeries
사용하여 지리적 컨텍스트에서 폴리라인을 사용하여 지리 공간 데이터를 표시할 수 있습니다. 이러한 유형의 지리 시리즈는 도시나 공항과 같은 지리적 위치 간의 도로나 연결을 렌더링하는 데 자주 사용됩니다.
Blazor Geographic Polyline Map Example
IgbGeographicPolylineSeries
는 지리 공간 데이터가 다각형 대신 폴리라인으로 렌더링된다는 점을 제외하면 IgbGeographicShapeSeries
와 매우 유사하게 작동합니다.
Data Requirements
컨트롤 IgbGeographicPolylineSeries
에 있는 다른 유형의 지리 계열과 마찬가지로 에는 DataSource
개체 배열에 바인딩할 수 있는 속성이 있습니다. 또한 이 개체의 각 데이터 항목에는 지리적 위치를 나타내는 x 및 y 값이 있는 개체 배열 배열을 사용하여 단일/다중 모양을 저장하는 하나의 데이터 열이 있어야 합니다. 그런 다음 이 데이터 열이 속성에 매핑됩니다 ShapeMemberPath
. IgbGeographicPolylineSeries
이 매핑된 데이터 열의 점을 사용하여 컨트롤에 다각형을 그립니다.
Code Snippet
다음 코드는 IgbShapeDataSource
를 사용하여 모양 파일에서 로드된 도시 위치에 IgbGeographicPolylineSeries
를 바인딩하는 방법을 보여줍니다.
@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"
};
}
}