Web SDK 支援的瀏覽器

Azure 地圖服務 Web SDK 提供稱為 atlas.isSupported 的協助程式函式。 此函式會偵測網頁瀏覽器是否具有支援載入和轉譯地圖控制項所需的最小 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.
}

Desktop (電腦)

Azure 地圖服務 Web SDK 支援下列桌面瀏覽器:

  • Microsoft Edge (目前和之前的版本)
  • Google Chrome (目前和之前的版本)
  • Mozilla Firefox (目前和之前的版本)
  • Apple Safari (macOS X) (目前和之前的版本)

另請參閱本文稍後的以舊版瀏覽器為目標

行動裝置

Azure 地圖服務 Web SDK 支援下列行動瀏覽器:

  • Android
    • Android 6.0 和更新版本上的目前 Chrome 版本
    • Android 6.0 和更新版本上的 Chrome WebView
  • iOS
    • 目前和之前 iOS 主要版本上的 Mobile Safari
    • 目前和之前 iOS 主要版本上的 UIWebView 和 WKWebView
    • 適用於 iOS 的 Chrome 目前版本

提示

如果您使用 WebView 控制項在行動應用程式中內嵌地圖,建議您使用Azure 地圖服務 Web SDK 的 npm 套件,而不是參考裝載在 Azure 內容傳遞網路上的 SDK 版本。 此方法可減少載入時間,因為 SDK 已在使用者的裝置上,而且不需要在執行階段下載。

Node.js

Node.js 也支援下列 Web SDK 模組:

以舊版瀏覽器為目標

您可能會以不支援 WebGL 或僅提供有限支援的舊版瀏覽器為目標。 在這種情況下,您可以搭配使用 Azure 地圖服務與 Leaflet 之類的開放原始碼地圖控制項。

轉譯 Leaflet 的 Azure 地圖服務 Azure 地圖服務範例示範如何在 Leaflet JS 地圖控件中轉譯 Azure 地圖點陣圖格。 此範例會使用開放原始碼 Azure 地圖服務 Leaflet 外掛程式。 如需此範例的原始程式碼,請參閱 Leaflet 範例原始碼中的轉譯 Azure 地圖服務範例

如需在 Leaflet 中使用 Azure 地圖服務的詳細資訊程式代碼範例,請參閱 Azure 地圖服務範例

如需第三方地圖控制項外掛程式的清單,請參閱 Azure 地圖服務社群 - 開放原始碼專案

下一步

深入了解 Azure 地圖服務 Web SDK: