インフラジスティックス・ジャパン株式会社Blog

インフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。

UIコントロール選択ガイド - マップ

UIコントロール選択ガイド - マップ

このエントリは、「アプリケーション開発のためのUIコントロールガイド」の第2章で述べられているUIコントロール選択ガイドからマップについて記したものです。 

全体の目次やPDF版のダウンロードについてはエントリの最後をご覧ください。

コントロールの概要

マップコントロールは、地理情報データを基に地図を描画し、その上にオブジェクトを追加するコントロールです。地図の上で描画することで事象がどこで発生しているのか、地理的に意味があるのか、ということをユーザーに伝えることができます。

よく利用されるシナリオは下記の通りです。

  • 営業支店ごとの売上比率や市町村ごとの人口増加量などといった地理的情報をベースにした視覚化表現が必要な場合
  • 拠点や都道府県など地図上でユーザーに選択操作を行わせたい場合
  • 航空機の運航状況や、気温の変化状況など、日本、あるいは世界といった大規模な領域にまたがる事象を表現するアプリケーション
  • 路線図や館内図など、比較的狭い閉じた空間の占有状況や状態変化を示すアプリケーション

提供している機能

マップは次のような機能を提供します。

  • シェープファイル(地理情報データ)の読み込み
  • 地理画像マップデータの読み込み
  • シェイプ、シンボルなどカスタムオブジェクトの描画
  • マップの拡大・縮小
  • 概要ペインを利用したナビゲーション

利用ポイント

  • シェープファイルや地理画像マップデータは無償で提供されているものと有償で提供されているものがあります。マップコントロールを利用する場合はそのコストも確認しましょう。
  • 複雑なカスタムオブジェクトを多く配置するとパフォーマンスに影響を及ぼします。表現のリッチさとパフォーマンスのバランスを取るように検討しましょう。
  • マップコントロールは他のコントロールに比べ表示領域を必要とします。領域を確保する仕組みをp14タイルマネージャーなどのレイアウトコントロールを活用し実現しましょう。

対応プラットフォーム 

マップを提供しているプラットフォームは次のとおりです。
(画像をクリック・タップすると製品紹介ページへと遷移します。)

Ultimate UI for Windows Forms  Ultimate UI for WPF  Ignite UI for Angular

Ignite UI for JavaScript - ASP.NET MVC  Ignite UI for JavaScript - jQuery  Ignite UI for React

f:id:IGJP:20210329134003j:plain  f:id:IGJP:20210705140736p:plain  f:id:IGJP:20210705140604p:plain

スクリーンショット

UIコントロール選択ガイド - マップ - マップ上に得意先情報をポイントする例

マップ上に得意先情報をポイントする例

UIコントロール選択ガイド - マップ - シェープファイルを基にした都市ごとの売上比率に応じた色分け表現

シェープファイルを基にした都市ごとの売上比率に応じた色分け表現

UIコントロール選択ガイド - マップ - 病床の占有状況など閉じた空間における情報の可視化

病床の占有状況など閉じた空間における情報の可視化

全体目次およびPDF版のダウンロード

「アプリケーション開発のためのコントロールガイド」ではこのエントリの他にも「有償コントロールを利用する意義」やInfragistics Ultimateで提供しているさまざまなUIコントロールの特性や利用ポイントをまとめた「UIコントロール選択ガイド」をご準備しています。

オンライン版では数週間に渡り1つ1つのトピックについて連載します。

blogs.jp.infragistics.comローカル環境で全文をご覧になりたい場合は、こちらよりダウンロード頂けます。

jp.infragistics.com