Angular Exibindo imagens do Open Street Maps

    O Angular IgxOpenStreetMapImagery é um serviço gratuito de mapeamento de imagens geográficas criado de forma colaborativa por colaboradores do OpenStreetMap© de todo o mundo. Ele fornece blocos de imagens geográficas do mundo apenas no estilo de mapa de estradas, sem nenhuma opção de configuração. Este serviço de imagens geográficas pode ser acessado diretamente em www.OpenStreetMap.org site. Por padrão, o componente de mapa Ignite UI for Angular já exibe imagens geográficas dos Mapas de rua abertos. Portanto, não há necessidade de configurar o controle para exibir imagens geográficas dos Mapas de Rua Aberta.

    Angular Displaying Imagery from Open Street Maps Example

    Code Snippet

    Este exemplo de código define BackgroundContent explicitamente o componente map para o IgxOpenStreetMapImagery objeto que fornece imagens geográficas dos colaboradores do OpenStreetMap©.

    <igx-geographic-map #map
    width="100%"
    height="100%"
    zoomable="true" >
</igx-geographic-map>

    import { IgxGeographicMapComponent } from 'igniteui-angular-maps';
import { IgxOpenStreetMapImagery } from 'igniteui-angular-maps';
// ...
public map: IgxGeographicMapComponent;

const tileSource = new IgxOpenStreetMapImagery();
this.map.backgroundContent = tileSource;

    API References