バージョン

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

トピックの概要

目的

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

前提条件

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

トピック 目的

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

このトピックは、 XamGeographicMap コントロールの視覚要素のレイアウトについての情報を提供します。

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

このトピックの内容

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

Bing Maps からの地理的画像

概要

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

13.1 リリースの前に、Bing Maps にアクセスして必要なタイルの URI を取得するには、REST サービスを構成する必要がありました。13.1 リリースで、この機能は XamGeographicMap コントロールに定義済みです。

プレビュー

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

GeographicMap Displaying Geographic Imagery from Bing Maps 2.png

道路 のスタイルが付いた Bing Map 画像

GeographicMap Displaying Geographic Imagery from Bing Maps 1.png

衛星 とラベル のスタイルが付いた Bing Map 画像

GeographicMap Displaying Geographic Imagery from Bing Maps 3.png

衛星 のスタイルが付いた Bing Map 画像

要件

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

プロパティ設定

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

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

String

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

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

String

TilePath と SubDomain の位置を指定する Bing Imagery REST URI を設定するためのプロパティを表します。これはオプションのプロパティです。指定されていない場合、デフォルトの REST URI を使用します。

String

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

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

  • Aerial - 道路またはラベルのオーバーレイなしの衛星地図スタイルを指定します。

  • AerialWithLabels - 道路およびラベル付きの衛星地図スタイルを指定します。

  • Road - 衛星オーバーレイなしの道路地図スタイルを指定します。

Boolean

Bing Maps サービスが有効なプロパティ値の割り当てで自動初期化するかどうかを指定するプロパティを表します。

Boolean

True に設定した場合、Bing Maps サービスからの地理的画像タイルが初期化されていて、 XamGeographicMap コントロールで描画の準備ができたかどうかを示すプロパティを表します。

ObservableCollection<string>

URI サブドメインの画像コレクションを表します。

String

マップ タイル画像 URI を設定するプロパティを表します。これは Bing Maps の実際の位置です。

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

プロパティ

BingMapsMapImagery

Road

Bing Maps API キー

GeographicMap Displaying Geographic Imagery from Bing Maps 2.png

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

注:

Note

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

XAML の場合:

<ig:XamGeographicMap Name="igMap">
   <ig:XamGeographicMap.BackgroundContent>
      <ig:BingMapsMapImagery ImageryStyle="Road"
                    ApiKey="API_KEY" />
   </ig:XamGeographicMap.BackgroundContent>
</ig:XamGeographicMap>

Visual Basic の場合:

Dim igMap As XamGeographicMap
Dim bingMaps as BingMapsMapImagery
bingMaps.ImageryStyle = BingMapsImageryStyle.Aerial
bingMaps.ApiKey = "API_KEY"
igMap.BackgroundContent = bingMaps

C# の場合:

var igMap = new XamGeographicMap
var bingMaps = new BingMapsMapImagery();
bingMaps.ImageryStyle = BingMapsImageryStyle.Aerial;
bingMaps.ApiKey = "API_KEY";
igMap.BackgroundContent = bingMaps;

関連コンテンツ

このトピックにの追加情報については、以下のトピックも合わせてご参照ください。

トピック 目的

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

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