Azure Maps でサポートされている組み込みのマップ スタイル
Azure Maps は、この記事でご説明するように、いくつかの異なる組み込みマップ スタイルをサポートしています。
道路
道路 マップは、道路を表示する標準のマップです。 自然および人工的な特徴、およびそれらの特徴についてのラベルも表示されます。
該当する API:
blank と blank_accessible
blank と blank_accessible マップ スタイルでは、データを視覚化するための空白のキャンバスが提供されます。 基本マップが表示されていない場合でも、blank_accessible スタイルでは、マップの場所の詳細を含むスクリーン リーダーの更新が引き続き提供されます。
Note
Web SDK では、マップの DIV 要素の CSS background-color
スタイルを設定することによって、マップの背景色を変更できます。
該当する API:
衛星
衛星スタイルは、衛星画像と航空映像の組み合わせです。
該当する API:
satellite_road_labels
このマップ スタイルは、衛星画像と航空映像の上に道路とラベルが重ねて表示されたハイブリッドです。
該当する API:
grayscale_dark
グレースケール ダークは、道路マップ スタイルの濃いバージョンです。
該当する API:
grayscale_light
グレースケール ライトは、道路マップ スタイルの薄いバージョンです。
該当する API:
night
night は、道路マップ スタイルの色の濃いバージョンで、道路と記号が色付きです。
該当する API:
road_shaded_relief
道路の影付きレリーフは、地球の輪郭で完成する、Azure Maps の主要スタイルです。
該当する API:
high_contrast_dark
high_contrast_dark は、他のスタイルと比較してコントラストが強いダーク マップ スタイルです。
該当する API:
high_contrast_light
high_contrast_light は、他のスタイルと比較してコントラストが強いライト マップ スタイルです。
該当する API:
マップ スタイルのアクセシビリティ
対話型の Azure Maps マップ コントロールでは、マップ スタイルのベクター タイルを使用して、マップが表示している領域を説明するようにスクリーン リーダーを起動します。 色のコントラストに関して言えば、いくつかのマップ スタイルも完全にアクセス可能に設計されています。 次の表では、各マップ スタイルでサポートされるアクセシビリティ機能の詳細を示しています。
[Map style] (地図のスタイル) | 色のコントラスト | スクリーン リーダー | メモ |
---|---|---|---|
blank |
該当なし | いいえ | 独自のタイルを基本マップとして使用したい、または背景なしでデータを表示したい開発者に役立つ空白のキャンバス。 スクリーン リーダーは、記述についてはベクター タイルに依存しません。 |
blank_accessible |
該当なし | はい | このマップ スタイルではマップのレンダリングに使用されるベクター タイルを読み込み続けますが、そのデータを透過的にします。 このようにして、データは引き続き読み込まれ、スクリーン リーダーを起動するために使用できます。 |
grayscale_dark |
Partial | はい | 主にビジネス インテリジェンス シナリオ用に設計されています。 また、気象レーダー画像のようなカラフルなレイヤーを重ねるのにも便利です。 |
grayscale_light |
Partial | はい | このマップ スタイルは、主にビジネス インテリジェンス シナリオ用に設計されています。 |
high_contrast_dark |
はい | はい | ダーク設定のハイ コントラスト モードでユーザーが完全にアクセス可能なマップ スタイル。 マップが読み込まれると、ハイ コントラスト設定が自動的に検出されます。 |
high_contrast_light |
はい | はい | ライト設定のハイ コントラスト モードでユーザーが完全にアクセス可能なマップ スタイル。 マップが読み込まれると、ハイ コントラスト設定が自動的に検出されます。 |
night |
Partial | はい | このスタイルは、照明が暗い状況下で、ユーザーが明るいマップによって感覚を超えたくない場合に使用するように設計されています。 |
road |
部分的 | はい | Azure Maps のメインのカラフルな道路マップ スタイル。 さまざまな色の数と重複する可能性のある色の組み合わせにより、100% アクセス可能にすることはほぼ不可能です。 しかし、このマップ スタイルは定期的なアクセシビリティ テストを経て、ラベルが読みやすくなるように必要に応じて改善されています。 |
road_shaded_relief |
部分的 | はい | メインの道路マップ スタイルとほぼ同じスタイルですが、背景にタイル レイヤーが追加されています。これにより、縮小すると、山や土地被覆の色づけで影付きレリーフが追加されます。 |
satellite |
該当なし | はい | 純粋に衛星および航空映像、ラベルなし、または道路線。 ベクター タイルは、バックグラウンドで読み込まれてスクリーン リーダーを起動し、satellite_with_roads に切り替えるときの移行をスムーズにします。 |
satellite_with_roads |
いいえ | はい | ラベルと道路線がオーバーレイされた衛星および航空映像。 グローバルな規模では、オーバーレイされたデータと画像の間の発生する可能性のある色の組み合わせは無限にあります。 多くの一般的なシナリオではラベルを読み取りやすくすることに重点を置いていますが、場所によっては、背景画像との色のコントラストによってラベルが読みにくくなる場合もあります。 |
次のステップ
Azure Maps でマップ スタイルを設定する方法について説明します。