Blazor Binding Shape Files with Geo-spatial Data

    O componente Ignite UI for Blazor mapa, a IgbShapeDataSource classe carrega dados geoespaciais (pontos/locais, polilinhas, polígonos) de arquivos de forma e os converte em uma coleção de IgbShapefileRecord objetos.

    Blazor Binding Shape Files with Geo-spatial Data Example

    A tabela a seguir explica as IgbShapeDataSource propriedades da classe para carregar arquivos de forma.

    Propriedade Tipo Descrição
    ShapefileSource corda Especifica o Uri para um arquivo de forma (.shp) que contém itens de dados geoespaciais.
    DatabaseSource corda Especifica o Uri para um arquivo de banco de dados de forma (.dbf) que contém uma tabela de dados para itens de dados geoespaciais.

    Quando ambas as propriedades de origem são definidas como valores não nulos, o IgbShapeDataSource método ImportAsync do objeto é invocado, que, por sua vez, executa a busca e a leitura dos arquivos de forma e, por fim, a conversão. Após a conclusão dessa operação, o IgbShapeDataSource é preenchido com IgbShapefileRecord objetos e o ImportCompleted evento é gerado para notificar sobre o processo concluído de carregamento e conversão de dados geoespaciais de arquivos de forma.

    Loading Shapefiles

    O código a seguir cria uma instância do IgbShapeDataSource objeto para carregar um arquivo de forma que contém locais das principais cidades do mundo. Ele também demonstra como manipular o ImportCompleted evento como um pré-requisito para vincular dados ao componente de mapa.

    Binding Shapefiles

    No componente de mapa, as Séries geográficas são usadas para exibir dados geoespaciais carregados de arquivos de forma. Todos os tipos de Séries Geográficas têm uma DataSource propriedade que pode ser associada a uma matriz de objetos. O IgbShapeDataSource é um exemplo desse array porque contém uma lista de IgbShapefileRecord objetos.

    A IgbShapefileRecord classe fornece propriedades para armazenar dados geoespaciais, listadas na tabela a seguir.

    Propriedade Descrição
    Points Contém todos os pontos em uma forma geoespacial carregada de um arquivo de forma (.shp). Por exemplo, o país do Japão no arquivo de forma seria representado como uma lista de uma lista de objetos de pontos, onde:
    • A primeira lista de pontos descreve a forma da ilha de Hokkaido
    • A segunda lista de pontos descreve a forma da ilha de Honshu
    • A terceira lista de pontos descreve a forma da ilha de Kyushu
    • The fourth list of points describes shape of Shikoku island
    | | 'Campos' |Contém uma linha de dados do arquivo de banco de dados de forma (.dbf) chaveado por um nome de coluna. Por exemplo, um dado sobre o condado do Japão que inclui população, área, nome de uma capital, etc.|

    Essa estrutura de dados é adequada para uso na maioria das Séries Geográficas, desde que as colunas de dados apropriadas sejam mapeadas para elas.

    Code Snippet

    Este exemplo de código pressupõe que os arquivos de forma foram carregados usando o IgbShapeDataSource. O código a seguir associa o componente map ao IgbShapeDataSource e mapeia IgbGeographicPolylineSeries a Points propriedade de todos os IgbShapefileRecord objetos.

    @using IgniteUI.Blazor.Controls


<IgbGeographicMap Height="100%" Width="100%" Zoomable="true">
    <IgbGeographicPolylineSeries ShapefileDataSource="@DataSource"
        ShapeFilterResolution="0.0"
        ShapeStrokeThickness="3"
        ShapeStroke="rgb(82, 82, 82, 0.4)"/>
</IgbGeographicMap>

@code {

    private ShapeDataSource DataSource;

    protected override void OnInitialized()
    {
        this.DataSource = new IgbShapeDataSource()
        {
            ShapefileSource = "https://static.infragistics.com/xplatform/shapes/WorldCableRoutes.shp",
            DatabaseSource = "https://static.infragistics.com/xplatform/shapes/WorldCableRoutes.dbf"
        };
    }
}

    API References