Web Components Visualización de imágenes de Esri Maps

    IgcArcGISOnlineMapImagery es un servicio gratuito de mapeo de imágenes geográficas creado por la empresa Esri. Proporciona más de 40 estilos de mosaicos de imágenes geográficas del mundo y algunos mosaicos temáticos para los EE. UU. Se puede acceder a este servicio de imágenes geográficas directamente en el sitio web www.arcgisonline.com.

    Web Components Displaying Imagery from Esri Maps Example

    Code Snippet

    El siguiente fragmento de código muestra cómo mostrar teselas de imágenes geográficas Web Components de los servidores de imágenes de Esri en IgcGeographicMapComponent la clase using IgcArcGISOnlineMapImagery.

    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;
    

    Utilidad de Esri

    Alternativamente, puede utilizar EsriUtility, que define todos los estilos proporcionados por los servidores de imágenes de 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