Angular que muestra imágenes de Bing Maps

    Angular IgxBingMapsMapImagery es un servicio de mapeo de imágenes geográficas proporcionado por la compañía 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 www.bing.com/maps. La Ignite UI for Angular puede mostrar imágenes geográficas de Bing Maps en el contenido de fondo del mapa utilizando la clase IgxBingMapsMapImagery.

    Angular Displaying Imagery from Bing Maps Example

    Code Snippet

    El siguiente fragmento de código muestra cómo mostrar mosaicos de imágenes geográficas de Bing Maps en Angular IgxGeographicMapComponent usando la clase IgxBingMapsMapImagery.

    <igx-geographic-map #map
    width="100%"
    height="100%"
    zoomable="true" >
</igx-geographic-map>

    import { IgxGeographicMapComponent } from 'igniteui-angular-maps';
import { IgxBingMapsMapImagery } from 'igniteui-angular-maps';
// ...
const tileSource = new IgxBingMapsMapImagery();
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;

this.map.backgroundContent = tileSource;

    Properties

    The following table summarized properties of the IgxBingMapsMapImagery class:

    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