Web SDK でサポートされているブラウザー
Azure Maps の Web SDK は、atlas.isSupportedという名前のヘルパー関数を提供します。 この関数は、マップ コントロールのロードとレンダリグをサポートするために必要な WebGL 機能の最小セットが Web ブラウザにあるかどうかを検出します。 この関数の使用方法の例を次に示します。
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) (現在と以前のバージョン)
このアーティクルで後述する「Target legacy browsers (レガシ ブラウザーをターゲット)」も参照してください。
モバイル
Azure Maps Web SDK は、次のモバイル ブラウザーをサポートしています。
- Android
- Android 6.0 以降の Chrome の現在のバージョン
- Android 6.0 以降の Chrome WebView
- iOS
- 現在と以前のメジャー バージョンの iOS の Mobile Safari
- 現在と以前のメジャー バージョンの iOS の UIWebView と WKWebView
- 現在のバージョンの iOS 用 Chrome
ヒント
WebView コントロールを使用してモバイル アプリケーション内にマップを組み込んでいる場合は、Azure Content Delivery Network でホストされた SDK のバージョンを参照する代わりに、Azure Maps Web SDK の npm パッケージを使用することをお勧めします。 このアプローチでは、既に SDK がユーザーのデバイスにあり実行時にダウンロードする必要がないため、読み込み時間が短縮されます。
Node.js
次の Web SDK モジュールは、Node.js もサポートします。
レガシ ブラウザーを対象にする
WebGL をサポートしていない、または制限付きでのみサポートしている古いブラウザーを対象とする場合があります。 このような場合は、Leaflet などのオープンソースのマップ コントロールと一緒に Azure Maps サービスを使うことをお勧めします。
Azure Maps サンプル「Leaflet で Azure Maps をレンダリングする」は、Leaflet JS マップ コントロール で Azure Maps ラスター タイルをレンダリングする方法を示しています。 このサンプルでは、オープンソースの Azure Maps Leaflet プラグインを使用します。 このサンプルのソース コードについては、「Leaflet で Azure Maps をレンダリングする」のサンプル ソース コードを参照してください。
Leaflet で Azure Maps を使用したコード サンプルの詳細については、「Azure Maps のサンプル」を参照してください。
サードパーティのマップ コントロール プラグインの一覧については、「Azure Maps コミュニティ - オープンソース プロジェクト」を参照してください。
次の手順
Azure Maps Web SDK の詳細について学習します。