Skip to content

Files

Latest commit

TimShererWithAquentTimShererWithAquent
Change ms.author value.
Dec 6, 2021
177b71f · Dec 6, 2021

History

History
78 lines (54 loc) · 3.64 KB

supported-browsers.md

File metadata and controls

78 lines (54 loc) · 3.64 KB
title description author ms.author ms.date ms.topic ms.service
Web SDK supported browsers | Microsoft Azure Maps
Find out how to check whether the Azure Maps Web SDK supports a browser. View a list of supported browsers. Learn how to use map services with legacy browsers.
stevemunk
v-munksteve
03/25/2019
conceptual
azure-maps

Web SDK supported browsers

The Azure Maps Web SDK provides a helper function called atlas.isSupported. This function detects whether a web browser has the minimum set of WebGL features required to support loading and rendering the map control. Here's an example of how to use the function:

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

Desktop

The Azure Maps Web SDK supports the following desktop browsers:

  • Microsoft Edge (current and previous version)
  • Google Chrome (current and previous version)
  • Mozilla Firefox (current and previous version)
  • Apple Safari (macOS X) (current and previous version)

See also Target legacy browsers later in this article.

Mobile

The Azure Maps Web SDK supports the following mobile browsers:

  • Android
    • Current version of Chrome on Android 6.0 and later
    • Chrome WebView on Android 6.0 and later
  • iOS
    • Mobile Safari on the current and previous major version of iOS
    • UIWebView and WKWebView on the current and previous major version of iOS
    • Current version of Chrome for iOS

Tip

If you're embedding a map inside a mobile application by using a WebView control, you might prefer to use the npm package of the Azure Maps Web SDK instead of referencing the version of the SDK that's hosted on Azure Content Delivery Network. This approach reduces loading time because the SDK is already be on the user's device and doesn't need to be downloaded at run time.

Node.js

The following Web SDK modules are also supported in Node.js:

Target legacy browsers

You might want to target older browsers that don't support WebGL or that have only limited support for it. In such cases, we recommend that you use Azure Maps services together with an open-source map control like Leaflet. Here's an example that makes use of the open source Azure Maps Leaflet plugin.


<iframe height="500" scrolling="no" title="Azure Maps + Leaflet" src="//codepen.io/azuremaps/embed/GeLgyx/?height=500&theme-id=0&default-tab=html,result" frameborder="no" allowtransparency="true" allowfullscreen="true"> See the Pen Azure Maps + Leaflet by Azure Maps (@azuremaps) on CodePen. </iframe>

Additional code samples using Azure Maps in Leaflet can be found here.

Here are some popular open-source map controls that the Azure Maps team has created plugin's for.

Next steps

Learn more about the Azure Maps Web SDK:

Map control

Services module