React Visualización de imágenes de Bing Maps

    El React IgrBingMapsMapImagery es un servicio de mapeo de imágenes geográficas proporcionado por la empresa Microsoft®. Proporciona 3 estilos de mosaicos de imágenes geográficas del mundo. Se puede acceder a este servicio de imágenes geográficas directamente en el sitio web de www.bing.com/maps. El componente de mapa Ignite UI for React puede mostrar imágenes geográficas de Bing Maps en el contenido de fondo del mapa mediante la IgrBingMapsMapImagery clase.

    React Displaying Imagery from Bing Maps Example

    EXAMPLE
    DATA
    TSX

    Like this sample? Get access to our complete Ignite UI for React toolkit and start building your own apps in minutes. Download it for free.

    Code Snippet

    En el siguiente fragmento de código se muestra cómo mostrar mosaicos de imágenes geográficas de Bing Maps en React IgrGeographicMap clase using IgrBingMapsMapImagery.

    import { IgrGeographicMap } from 'igniteui-react-maps';
    import { IgrBingMapsMapImagery } from 'igniteui-react-maps';
    import { BingMapsImageryStyle } from 'igniteui-react-maps';
    // ...
    const tileSource = new IgrBingMapsMapImagery();
    tileSource.apiKey = "YOUR_BING_MAPS_API_KEY";
    tileSource.imageryStyle = BingMapsImageryStyle.AerialWithLabels; // or
    tileSource.imageryStyle = BingMapsImageryStyle.Aerial; // or
    tileSource.imageryStyle = BingMapsImageryStyle.Road;
    
    // resolving BingMaps uri based on HTTP protocol of hosting website
    let tileUri = tileSource.actualBingImageryRestUri;
    const isHttpSecured = window.location.toString().startsWith("https:");
    if (isHttpSecured) {
        tileUri = tileUri.replace("http:", "https:");
    } else {
        tileUri = tileUri.replace("https:", "http:");
    }
    tileSource.bingImageryRestUri = tileUri;
    
    const geoMap = new IgrGeographicMap({ name: "geoMap" });
    geoMap.backgroundContent = tileSource;
    ts
    Ignite UI for React | CTA Banner

    Properties

    En la tabla siguiente se resumen las propiedades de la IgrBingMapsMapImagery clase:

    Nombre de la propiedad tipo de propiedad Descripción
    apiKey cadena Representa la propiedad para configurar una clave API requerida para el servicio de imágenes de Bing Maps. Debe obtener esta clave en el sitio web www.bingmapsportal.com.
    imageryStyle BingMapsImageryStyle Representa la propiedad para configurar el estilo del mapa de mosaicos de imágenes de Bing Maps. Esta propiedad se puede establecer en lo siguienteBingMapsImageryStyle valores de enumeración:
    • Aérea: especifica el estilo del mapa aéreo sin superposición de carreteras ni etiquetas.
    • AerialWithLabels: especifica el estilo del mapa aéreo con carreteras y etiquetas superpuestas.
    • Carretera: especifica el estilo del mapa de carreteras sin superposición aérea.
    bingImageryRestUri cadena Representa la propiedad para configurar el URI REST de imágenes de Bing que especifica de dónde provendrán TilePath y los subdominios. Esta es una propiedad opcional y, si no se especifica, utilizará el URI REST predeterminado.
    cultureName cadena Representa una propiedad para establecer el nombre de la cultura para el origen del mosaico.
    isDeferredLoad booleano Representa la propiedad que especifica si el servicio Bing Maps debe inicializarse automáticamente tras la asignación de valores de propiedad válidos.
    isInitialized booleano Representa que la propiedad establecida en True ocurre cuando los mosaicos de imágenes geográficas del servicio Bing Maps se han inicializado y están listos para representarse en el componente de mapa.
    subDomains SubDomainsCollection Representa una colección de imágenes de subdominios de URI.
    tilePath cadena Representa una propiedad que establece el URI de la imagen del mosaico del mapa; esta es la ubicación real de Bing Maps.

    API References