Web Components Exibindo Imagens do Esri Maps

    O IgcArcGISOnlineMapImagery é um serviço gratuito de mapeamento de imagens geográficas criado pela empresa Esri. Ele fornece mais de 40 estilos de blocos de imagens geográficas do mundo e alguns blocos temáticos para os EUA. Este serviço de imagens geográficas pode ser acessado diretamente em www.arcgisonline.com site.

    Web Components Displaying Imagery from Esri Maps Example

    Code Snippet

    O trecho de código a seguir mostra como exibir Web Components mosaicos de imagens geográficas dos servidores de imagens da Esri em IgcGeographicMapComponent using IgcArcGISOnlineMapImagery class.

    import { IgcGeographicMap } from 'igniteui-webcomponents-maps';
import { IgcArcGISOnlineMapImagery } from 'igniteui-webcomponents-maps';
// ...
const tileSource = new IgcArcGISOnlineMapImagery();
tileSource.mapServerUri = "https://services.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer";

const geoMap = document.getElementById("geoMap") as IgcGeographicMapComponent
geoMap.backgroundContent = tileSource;

    Utilitário da Esri

    Alternativamente, você pode utilizar o EsriUtility que define todos os estilos fornecidos pelos servidores de imagens da Esri.

    import { IgcGeographicMap } from 'igniteui-webcomponents-maps';
import { IgcArcGISOnlineMapImagery } from 'igniteui-webcomponents-maps';
import { EsriUtility, EsriStyle } from './EsriUtility';
// ...
const tileSource = new IgcArcGISOnlineMapImagery();
tileSource.mapServerUri = EsriUtility.getUri(EsriStyle.WorldOceansMap);

const geoMap = document.getElementById("geoMap") as IgcGeographicMapComponent
geoMap.backgroundContent = tileSource;

    API References