React Exibindo imagens do Azure Mapas

    O React AzureMapsMapImagery é o serviço de mapeamento de imagens geográficas fornecido pela Microsoft®. Ele fornece vários estilos de blocos de imagens geográficas do mundo. Este serviço de imagens geográficas pode ser acessado diretamente no site www.azure.microsoft.com. O componente de mapa Ignite UI for React pode exibir imagens geográficas do Azure Mapas no conteúdo em segundo plano do mapa usando a AzureMapsMapImagery classe.

    React Displaying Imagery from Azure Maps Example

    Code Snippet

    O snippet de código a seguir mostra como exibir blocos de imagens geográficas do Azure Mapas em React IgrGeographicMap usando a AzureMapsMapImagery classe.

    import { IgrGeographicMap } from 'igniteui-react-maps';
import { IgrAzureMapsMapImagery } from 'igniteui-react-maps';
import { AzureMapsImageryStyle } from 'igniteui-react-maps';
// ...
const tileSource = new IgrAzureMapsMapImagery();
tileSource.apiKey = "YOUR_Azure_MAPS_API_KEY";
tileSource.imageryStyle = AzureMapsImageryStyle.Imagery; // or
tileSource.imageryStyle = AzureMapsImageryStyle.Terra; // or
tileSource.imageryStyle = AzureMapsImageryStyle.Road;

const geoMap = new IgrGeographicMap({ name: "geoMap" });
geoMap.backgroundContent = tileSource;

    Properties

    A tabela a seguir resumiu as AzureMapsMapImagery propriedades da classe:

    Nome da propriedade Tipo de propriedade Descrição
    ApiKey corda Representa a propriedade para definir uma chave de API necessária para o serviço de imagens do Azure Mapas. Você deve obter essa chave no site da azure.microsoft.com.
    ImageryStyle AzureMapsImageryStyle Representa a propriedade para definir o estilo de mapa de blocos de imagens do Azure Mapas. Essa propriedade pode ser definida com os seguintesAzureMapsImageryStyle valores de enumeração:
    • Aéreo - Especifica o estilo de mapa Aéreo sem sobreposição de estrada ou rótulos
    • LabelsRoad - Especifica o estilo de mapa aéreo com sobreposição de estrada e rótulos
    • Estrada - Especifica o estilo do mapa Estradas sem sobreposição aérea
    AzureImageryRestUri corda Representa a propriedade para definir o URI REST do Azure Imagery especificando de onde o TilePath e os SubDomínios virão. Essa é uma propriedade opcional e, se não for especificada, usará o URI REST padrão.
    CultureName corda Representa uma propriedade para definir o nome da cultura para a origem do bloco.
    IsDeferredLoad booleano Representa a propriedade que especifica se o serviço Azure Mapas deve ou não ser inicializado automaticamente após a atribuição de valores de propriedade válidos.
    IsInitialized booleano Representa que a propriedade definida como True ocorre quando os blocos de imagens geográficas do serviço Azure Mapas foram inicializados e estão prontos para renderização no componente de mapa.
    SubDomains SubDomainsCollection Representa uma coleção de imagens de subdomínios de URI
    TilePath corda Representa uma propriedade que define o URI da imagem do bloco do mapa, esse é o local real do Azure Mapas

    API References