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

    EsIgcArcGISOnlineMapImagery un servicio gratuito de cartografía de imágenes geográficas creado por la empresa Esri. Ofrece más de 40 estilos de mosaicos de imágenes geográficas del mundo y algunos azulejos temáticos para Estados Unidos. Este servicio de imágenes geográficas se puede acceder directamente en www.arcgisonline.com sitio web.

    Web Components Displaying Imagery from Esri Maps Example

    Code Snippet

    El siguiente fragmento de código muestra cómo mostrar Web Components mosaicos de imágenes geográficas de los servidores de imágenes de Esri usandoIgcGeographicMapComponent​IgcArcGISOnlineMapImagery clase.

    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