バージョン

XamGeographicMap をページに追加

トピックの概要

目的

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

前提条件

以下の表に、このトピックを理解するための前提条件として求められるトピックをリストします。

トピック 目的

このトピックでは、XamGeographicMap コントロールの主な機能の概要を提供します。

このトピックの構成

このトピックには次のセクションがあります。

XamGeographicMap をページに追加

概要

XamGeographicMap コントロールは、シェープ ファイルから地理的データ、そして地理的画像マップのビュー モデルから地理的位置を表示するように設計されています。ただし、このトピックは、表示に必要となる最小限のコードとプロパティ設定で XamGeographicMap コントロールを追加することに焦点を当てます。デフォルトで、XamGeographicMap コントロールは、Open Street Map サービスから地理的画像タイルで表示されます。

プレビュー

以下は、Open Street Map サービスからの地理的画像タイルがある XamGeographicMap コントロールのプレビューです。

GeographicMap Adding GeographicMap to Page 1.png

要件

以下の表で、XamGeographicMap コントロールを追加するための要件を簡単に説明します。

要件 説明

前提条件

このトピックの手順のセクションを完了するには、WPF プロジェクトが必要です。

データ

XamGeographicMap コントロールは、レンダリングのためにデータを必要としません。背景コンテンツで Open Street Map から地理的画像タイルを表示するからです。ただし、XamGeographicMap コントロールは、シェープ ファイルから地理的データ、そしてビュー モデルから地理的位置を表示することもできます。これを達成する方法とデータ要件についての詳細は、以下のトピックを参照してください。

概要

以下はプロセスの概念的概要です。

  1. プロジェクトでインフラジスティックス アセンブリを参照

  2. アプリケーション ページに名前空間宣言を追加

  3. XamGeographicMap コントロールをページに追加

  4. 結果を確認

手順

以下では、XamGeographicMap コントロールをページに追加することを手順ごとに説明します。

インフラジスティックス NuGet パッケージを参照します。

以下の Infragistics NuGet パッケージをアプリケーションに追加します。

  • Infragistics.WPF.GeographicMap

NuGet フィードのセットアップと NuGet パッケージの追加の詳細については、NuGet フィード ドキュメントを参照してください。

アプリケーション ページに名前空間宣言を追加します。

アプリケーション ページで、以下の名前空間宣言を追加します。

XAML の場合:

xmlns:ig="http://schemas.infragistics.com/xaml"

Visual Basic の場合:

Imports Infragistics.Controls.Maps

C# の場合:

using Infragistics.Controls.Maps;

XamGeographicMap コントロールをページに追加します。

以下のコードは、表示に必要となる最小限のコードとプロパティ設定で XamGeographicMap コントロールを追加することを示します。

XAML の場合:

<Grid x:Name="LayoutRoot">
    <ig:XamGeographicMap x:Name="GeoMap" />
</Grid>

Visual Basic の場合:

Dim geoMap As New XamGeographicMap()
Me.LayoutRoot.Children.Add(geoMap)

C# の場合:

var geoMap = new XamGeographicMap();
this.LayoutRoot.Children.Add(geoMap);

結果を確認します。

結果を確認するために、プロジェクトをビルドおよび実行します。手順を正しく実装した場合、XamGeographicMap は上記のプレビュー セクションで示したように表示されるはずです。

関連コンテンツ

以下のトピックでは、このトピックに関連する情報を提供しています。

トピック 目的

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

このトピックは、 XamGeographicMap コントロールに地理的データがあるシェープ ファイルをバインドする方法を提供します。

このトピックは、 XamGeographicMap コントロールに地理的データがあるビュー モデルをバインドする方法を提供します。

このトピックは、 XamGeographicMap コントロールのマップ コンテンツをナビゲートする方法を提供します。

このトピックは、XamGeographicMap コントロールおよびそのコンポーネントのキー クラスとプロパティの API 概要を提供します。