Blazor 지리적 다각형 지도

Blazor 지도 구성 요소에서는 IgbGeographicShapeSeries 사용하여 지리적 맥락에서 모양 다각형을 사용하여 지리 공간 데이터를 표시할 수 있습니다. 이러한 유형의 지리 시리즈는 지리적 위치로 정의된 국가 또는 지역의 모양을 렌더링하는 데 자주 사용됩니다.

Blazor Geographic Polygon Map Example

IgbGeographicShapeSeries는 지리 공간 데이터가 폴리라인 대신 다각형으로 렌더링된다는 점을 제외하면 IgbGeographicPolylineSeries와 매우 유사하게 작동합니다.

Data Requirements

지도 컨트롤에 있는 다른 유형의 지리 계열과 마찬가지로 에는 IgbGeographicShapeSeries 개체 배열에 바인딩할 수 있는 속성이 있습니다 DataSource. 또한 이 개체의 각 데이터 항목에는 지리적 위치를 나타내는 x 및 y 값이 있는 개체 배열 배열을 사용하여 단일/다중 모양을 저장하는 하나의 데이터 열이 있어야 합니다. 그런 다음 이 데이터 열이 속성에 매핑됩니다 ShapeMemberPath. 이 IgbGeographicShapeSeries 매핑된 데이터 열의 점을 사용하여 지도 컨트롤에 다각형을 그립니다.

Code Snippet

다음 코드는 IgbShapeDataSource를 사용하여 모양 파일에서 로드된 전 세계 국가의 모양에 IgbGeographicShapeSeries 바인딩하는 방법을 보여줍니다.

@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"
        };
    }
}

Blazor 지리적 다각형 지도

Blazor Geographic Polygon Map Example

Data Requirements

Code Snippet

API References