Serie "Desarrollo de aplicaciones de mapas de escritorio"Parte8.
En esta ocasión,Parte7 agregaremos la función de vista general a la aplicación de mapas creada en el artículo anterior. El código de ejemplo para las funciones presentadas en este artículo está disponible en Esri Japón GitHub .
ArcGIS Maps SDK for .NET Toolkit
ArcGIS Maps SDK for .NET (en adelante, SDK) no proporciona componentes UI de forma predeterminada, por lo que los desarrolladores deben implementarlos por sí mismos. Sin embargo, en GitHub se ha publicado un toolkit de código abierto llamado "ArcGIS Maps SDK for .NET Toolkit", que ofrece componentes UI comúnmente usados en aplicaciones de mapas, como galería de mapas base, brújula, leyenda y barra de escala. Usando este toolkit, es fácil agregar componentes UI a las aplicaciones desarrolladas con el SDKコンポーネントを簡単に追加することができます。ツールキットはオープンソースで公開されているため、ツールキットをカスタマイズして拡張することも可能です。今回はこのツールキットを使用して、アプリに概観図の機能を追加します。
1. ArcGIS Maps SDK for .NET Toolkit の NuGet パッケージをインストールします。Visual Studio のメニューから [ツール] → [NuGet パッケージ マネージャー] → [ソリューションの NuGet パッケージの管理] をクリックします。
2. 検索ボックスに「arcgis toolkit」と入力して、「Esri.ArcGISRuntime.Toolkit.WPF」をインストールします。ツールキットのバージョンはプロジェクトで使用している ArcGIS Maps SDK for .NET のバージョンと同じバージョンにします。
3. MainWindow.xaml で概観図のコントロールを追加します。
MainWindow.xaml
<esri:OverviewMap x:Name="OverviewMapView" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="10,10,10,30"/>
4. MainWindow.xaml.cs で、メインの MapView と概観図の MapView の表示位置が同期されるようにコードを追加します。
MainWindow.xaml.cs
public MainWindow()
{
InitializeComponent();
// メインの MapView と概観図用の MapView の表示位置を同期させる
OverviewMapView.GeoView = MainMapView;
5. アプリを実行してみましょう。アプリの右下に概観図が表示され、マップを移動するのに応じて概観図の表示位置も更新されます。概観図の赤枠はマップの表示範囲を示しています。
第8弾「概観図」ではオープンソースのツールキットを使用して、概観図を追加しました。ツールキットには、他にも機能が提供されているので、ぜひご活用ください。次回、第9弾ではレイヤー リストの作成方法を紹介します。
関連リンク
