Azure Maps でサポートされている組み込みのマップ スタイル

Azure Maps は、この記事でご説明するように、いくつかの異なる組み込みマップ スタイルをサポートしています。

道路

道路 マップは、道路を表示する標準のマップです。 自然および人工的な特徴、およびそれらの特徴についてのラベルも表示されます。

A screenshot of map using the road style.

該当する API:

blank と blank_accessible

blankblank_accessible マップ スタイルでは、データを視覚化するための空白のキャンバスが提供されます。 基本マップが表示されていない場合でも、blank_accessible スタイルでは、マップの場所の詳細を含むスクリーン リーダーの更新が引き続き提供されます。

Note

Web SDK では、マップの DIV 要素の CSS background-color スタイルを設定することによって、マップの背景色を変更できます。

該当する API:

衛星

衛星スタイルは、衛星画像と航空映像の組み合わせです。

A screenshot of map using the satellite style.

該当する API:

satellite_road_labels

このマップ スタイルは、衛星画像と航空映像の上に道路とラベルが重ねて表示されたハイブリッドです。

A screenshot of map using the satellite-road-labels style.

該当する API:

grayscale_dark

グレースケール ダークは、道路マップ スタイルの濃いバージョンです。

A screenshot of map using the grayscale-dark style.

該当する API:

grayscale_light

グレースケール ライトは、道路マップ スタイルの薄いバージョンです。

A screenshot of map using the grayscale light style.

該当する API:

night

night は、道路マップ スタイルの色の濃いバージョンで、道路と記号が色付きです。

A screenshot of map using the night style.

該当する API:

road_shaded_relief

道路の影付きレリーフは、地球の輪郭で完成する、Azure Maps の主要スタイルです。

A screenshot of map using the shaded relief map style.

該当する API:

high_contrast_dark

high_contrast_dark は、他のスタイルと比較してコントラストが強いダーク マップ スタイルです。

A screenshot of map using the high contrast dark map style.

該当する API:

high_contrast_light

high_contrast_light は、他のスタイルと比較してコントラストが強いライト マップ スタイルです。

A screenshot of map using the high contrast light map style.

該当する 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 でマップ スタイルを設定する方法について説明します。