バージョン

Azure Maps から地理的画像を表示

目的

このトピックは、UltraGeographicMap™ コントロールの背景コンテンツで Azure Maps から地理的画像を表示する方法を提供します。

前提条件

以下の表は、このトピックを理解するための前提条件として必要なトピックを示しています。

トピック 目的

このトピックでは、UltraGeographicMap コントロールをアプリケーション ページに追加する方法を示します。

このトピックでは、コントロール内の視覚要素のレイアウトに関する情報を提供します。

このトピックは、UltraGeographicMap コントロールの背景コンテンツで地理的画像を描画する概要を提供します。

このトピックの内容

このトピックは、以下のセクションで構成されます。

Azure Maps から地理的画像

概要

Azure Maps は Microsoft® のライセンス付きの地理画像マッピング サービスです。この地理的画像サービスは、Azure Maps に直接アクセスして利用できます。UltraGeographicMap コントロールは、AzureMapsImagery クラスを使用してマップ背景コンテンツで Azure Maps から地理的画像を表示します。ただし、UltraGeographicMap コントロールはデフォルトで Open Street Maps の地理画像をマップ背景コンテンツに表示します。Azure Maps の地理画像を表示するには、コントロールを構成する必要があります。Azure Maps の地理画像を使用する前に、www.Azuremapsportal.com と登録して Azure Maps API キーを取得する必要があります。AzureMapsImagery オブジェクトの ApiKey プロパティを設定するには、Azure Maps の API キーを使用する必要があります。

プレビュー

以下の画像は、Azure Maps サービスがサポートする地理的画像のマップ スタイルの UltraGeographicMap コントロールのプレビューです。

GeographicMap Displaying Geographic Imagery from Azure Maps 1.png

Satellite のスタイルが付いた Azure Map 画像

GeographicMap Displaying Geographic Imagery from Azure Maps 2.png

Road のスタイルが付いた Azure Map 画像

GeographicMap Displaying Geographic Imagery from Azure Maps 3.png

HybridRoad のスタイルが付いた Azure Map 画像

要件

Azure Maps から地理的画像を使用するには、www.Azuremapsportal.com から Map API キーを登録して入手する必要があります。この Azure API キーを AzureMapsImagery オブジェクトの ApiKey プロパティとして設定する必要があります。

マップを正しくレンダリングするには TLS1.2 または TLS1.3 が必要です。.NET 4.7 以降を使用している場合、この手順は無視して構いません。詳細については以下をご確認ください: https://learn.microsoft.com/ja-jp/azure/azure-maps/azure-maps-authentication

TLS に対応したフレームワークの完全な一覧はこちらに記載されています: .NET Framework での TLS サポート

Example 1. TLS 1.2

ServicePointManager.SecurityProtocol = (SecurityProtocolType)3072;

.NET 4.0 のように標準でこれを提供していない環境では明示的に必要です。マップを追加する前に、フォームのコンストラクターなどに上記の行を必ず追加してください。

プロパティ設定

以下の表で、AzureMapsImagery クラスの重要なメンバーを簡単に説明します。

プロパティ名 プロパティ タイプ 説明

文字列

Azure Maps 画像サービスで必要となる API キーを設定するためのプロパティを表します。

このキーを http://www.Azuremapsportal.com ウェブサイトから取得する必要があります。

文字列

タイル ソースのカルチャ名を設定するためのプロパティを表します。

Azure Maps 画像タイルのマップ スタイルを設定するプロパティを表します。このプロパティは、以下の AzureMapsImageryStyle 列挙値に設定できます。

  • Satellite - 道路やラベルがなく、衛星からの視点を提供するマップ スタイルを指定します。

  • Road - 道路およびラベルを含む航空オーバーレイ付きのマップスタイルを指定します。

  • DarkGrey - 道路とラベルのオーバーレイを含む白黒の地図を指定します。

  • LabelsRoadOverlay - 道路とラベルのオーバーレイのみを含むマップを指定します。

  • TerraOverlay - 標高や地形の特徴をハイライト表示する陰影起伏付きの地形マップ スタイルを指定します。

  • HybridRoadOverlay - 衛星画像の背景に道路とラベルのオーバーレイを組み合わせます。

  • HybridDarkGreyOverlay - 衛星画像の背景にダーク グレーのラベル オーバーレイを組み合わせます。

  • LabelsDarkGreyOverlay - 都市ラベルのオーバーレイの 1 つです。

  • LabelsDarkGreyOverlay - 都市ラベルのオーバーレイの 1 つです。

  • TrafficAbsoluteOverlay - 現在の交通速度を絶対値で表示します。

  • TrafficReducedOverlay - 減少した交通流を光ベースの視覚化で表示します。

  • TrafficRelativeOverlay - 通常の状況に対する相対的な交通速度を表示します。

  • TrafficRelativeDarkOverlay - 通常時と比較した交通速度を表示し、コントラストを強調します。

  • WeatherRadarOverlay - 降水のほぼリアルタイムのレーダー画像を表示します。

  • WeatherInfraredOverlay - 雲量の赤外線衛星画像を表示します。

この表の下の画像は、UltraGeographicMap コントロールの背景コンテンツで Azure Maps から地理的画像を表示する方法を提供します。UltraGeographicMap コントロールを以下のように構成します。

プロパティ

BackgroundContent

AzureMapsImagery

Road

Azure Map API キー

GeographicMap Displaying Geographic Imagery from Azure Maps 2.png

以下のコードはこの例を実装します。

Note
注:

自身の Azure Map API キーで ApiKey プロパティに設定した文字列を置き換える必要があります。

Visual Basic の場合:

Dim igMap As UltraGeographicMap
Dim AzureMaps as AzureMapsImagery
AzureMaps.ImageryStyle = AzureMapsImageryStyle.Road
AzureMaps.ApiKey = "API_KEY"
igMap.SetImagery(AzureMaps)

C# の場合:

var igMap = new UltraGeographicMap
var AzureMaps = new AzureMapsImagery();
AzureMaps.ImageryStyle = AzureMapsImageryStyle.Road;
AzureMaps.ApiKey = "API_KEY";
igMap.SetImagery(AzureMaps);

関連コンテンツ

このトピックに関連する追加情報については、以下のトピックを参照してください。

トピック 目的

このトピックは、UltraGeographicMap コントロールで地理的画像をバインドする方法を提供します。

このトピックは、UltraGeographicMap コントロールで Open Street Maps サービスからの地理的画像を表示する方法を提供します。