React Visualización de imágenes de Esri Maps

    IgrArcGISOnlineMapImagery 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.

    React Ejemplo de visualización de imágenes de Esri Maps

    EXAMPLE
    EsriUtility.ts
    MapUtils.ts
    TSX

    ¿Te gusta este ejemplo? Obtén acceso a nuestro kit de herramientas completo Ignite UI for React y comienza a crear tus propias aplicaciones en minutos. Descárgalo gratis.

    Fragmento de código

    El siguiente fragmento de código muestra cómo mostrar teselas de imágenes geográficas React de los servidores de imágenes de Esri en IgrGeographicMap la clase using IgrArcGISOnlineMapImagery.

    import { IgrGeographicMap } from 'igniteui-react-maps';
    import { IgrArcGISOnlineMapImagery } from 'igniteui-react-maps';
    // ...
    const tileSource = new IgrArcGISOnlineMapImagery();
    tileSource.mapServerUri = "https://services.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer";
    
    const geoMap = new IgrGeographicMap({ name: "geoMap" });
    geoMap.backgroundContent = tileSource;
    ts
    Ignite UI for React | CTA Banner

    Utilidad Esri

    Alternativamente, puede utilizar EsriUtility, que define todos los estilos proporcionados por los servidores de imágenes de Esri.

    import { IgrGeographicMap } from 'igniteui-react-maps';
    import { IgrArcGISOnlineMapImagery } from 'igniteui-react-maps';
    import { EsriUtility, EsriStyle } from './EsriUtility';
    // ...
    const tileSource = new IgrArcGISOnlineMapImagery();
    tileSource.mapServerUri = EsriUtility.getUri(EsriStyle.WorldOceansMap);
    
    const geoMap = new IgrGeographicMap({ name: "geoMap" });
    geoMap.backgroundContent = tileSource;
    ts

    Referencias de API