Navegadores compatíveis com o SDK Web

O SDK Web dos Azure Mapas fornece uma função auxiliar chamada atlas.isSupported. Essa função detecta se um navegador da Web tem o conjunto mínimo de recursos WebGL necessários para aceitar carregamento e renderização do controle de mapa. Este é um exemplo de como usar a função:

if (!atlas.isSupported()) {
    alert('Your browser is not supported by Azure Maps');
} else if (!atlas.isSupported(true)) {
    alert('Your browser is supported by Azure Maps, but may have major performance caveats.');
} else {
    // Your browser is supported. Add your map code here.
}

Área de trabalho

O SDK Web dos Azure Mapas é compatível com os seguintes navegadores para desktop:

  • Microsoft Edge (versão atual e anterior)
  • Google Chrome (versão atual e anterior)
  • Mozilla Firefox (versão atual e anterior)
  • Apple Safari (macOS X) (versão atual e anterior)

Veja também Direcionar navegadores herdados mais adiante neste artigo.

Dispositivos móveis

O SDK Web dos Azure Mapas é compatível com os seguintes navegadores para dispositivos móveis:

  • Android
    • Versão atual do Chrome no Android 6.0 e posterior
    • Chrome WebView no Android 6.0 e posterior
  • iOS
    • Mobile Safari na versão principal atual e anterior do iOS
    • UIWebView e WKWebView na versão principal atual e anterior do iOS
    • Versão atual do Chrome para iOS

Dica

Se você estiver inserindo um mapa dentro de um aplicativo para dispositivos móveis usando um controle WebView, talvez prefira usar o pacote npm do SDK Web dos Azure Mapas em vez de fazer referência à versão do SDK hospedado na Rede de Distribuição de Conteúdo do Azure. Essa abordagem reduz o tempo de carregamento porque o SDK já está no dispositivo do usuário e não precisa ser baixado em tempo de execução.

Node.js

Os seguintes módulos do SDK Web também são compatíveis com o Node.js:

Direcionar navegadores herdados

Talvez você queira direcionar navegadores mais antigos que não são compatíveis com o WebGL ou que têm apenas compatibilidade limitada com ele. Nesses casos, você pode usar os serviços do Azure Mapas junto com um controle de mapa de código aberto, como o Leaflet.

A amostra do Azure Mapas em Renderizar Azure Mapas no Leaflet mostra como renderizar blocos de varredura no Azure Mapas no controle de mapa JS do Leaflet. Essa amostra usa o plug-in do Leaflet do Azure Mapas de código aberto. Para obter o código-fonte dessa amostra, consulte Amostra de código-fonte para Renderizar Azure Mapas com Leaflet.

Para obter mais exemplos de código usando o Azure Mapas com Leaflet, consulte Amostras do Azure Mapas.

Para obter uma lista de plug-ins de controle de mapas de terceiros, confira Comunidade do Azure Mapas: Projetos de código aberto.

Próximas etapas

Saiba mais sobre o SDK Web dos Azure Mapas: