你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站,请访问 https://docs.azure.cn

Web SDK 支持的浏览器

Azure Maps Web SDK 提供了名为 atlas.isSupported 的帮助程序函数。 该函数将检测 Web 浏览器是否具有支持加载和提供地图控件所需的最小 WebGL 功能集。 以下示例呈现了如何使用该函数:

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

桌面

Azure Maps Web SDK 支持以下桌面浏览器:

  • Microsoft Edge(当前版本和以前版本)
  • Google Chrome(当前版本和以前版本)
  • Mozilla Firefox(当前版本和以前版本)
  • Apple Safari (macOS X)(当前版本和以前版本)

另请参阅本文后面的使用旧版浏览器

移动型

Azure Maps Web SDK 支持以下手机浏览器:

  • Android
    • Android 6.0 及更高版本上的当前 Chrome 版本
    • Android 6.0 及更高版本上的 Chrome WebView
  • iOS
    • 当前和以前的 iOS 主版本上的移动 Safari
    • 当前和以前的 iOS 主版本上的 UIWebView 和 WKWebView
    • iOS 的当前 Chrome 版本

提示

如果要使用 WebView 控件在移动应用程序中嵌入地图,建议你使用 Azure Maps WEB SDK 的 npm 包,而不是引用在 Azure 内容分发网络上托管的 SDK 版本。 这种方法可减少加载时间,因为 SDK 已在用户的设备上,并且无需在运行时下载。

Node.js

Node.js 还支持以下 Web SDK 模块:

使用旧版浏览器

你可能想要使用不支持 WebGL 的旧版浏览器,或使用只对其提供有限支持的旧版浏览器。 在这种情况下,可以结合使用 Azure Maps 服务和开源地图控件,如 Leaflet

在 Leaflet 中呈现 Azure Maps Azure Maps 示例演示如何在 Leaflet JS 地图控件中呈现 Azure Maps 光栅图块。 此示例使用开源 Azure Maps Leaflet 插件。 有关此示例的源代码,请参阅“在 Leaflet 中呈现 Azure Maps”的示例源代码

有关在 Leaflet 中使用 Azure Maps 的更多代码示例,请参阅 Azure Maps 示例

有关第三方地图控制插件的列表,请参阅 Azure Maps 社区 - 开放源代码项目

后续步骤

详细了解 Azure Maps Web SDK: