地理比例シンボル シリーズの構成 (igMap)

トピックの概要

目的

このトピックでは、igMap™ コントロールを使用して地理比例シンボル シリーズを構成する方法について説明します。

前提条件

本トピックの理解を深めるために、以下のトピックを参照することをお勧めします。

• igMap の概要: このトピックは、igMap コントロールについて、その主要機能、最小要件、ユーザー インタラクションといった事項の概念的情報を提供します。

• igMap の追加: このトピックは、基本的な機能を備えた簡易 igMap コントロールを Web ページに追加する方法を示すチュートリアルです。

このトピックの内容

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

• 概要
• 地理シンボル シリーズ構成の概要
• コード例の概要
  • JavaScript における地理シンボル シリーズの構成
• 関連コンテンツ
  • トピック
  • サンプル

概要

地理シンボル シリーズの概要

igMap の地理シンボル シリーズでは、アプリケーション内のデータによって指定された地理ポイントにマーカーをプロットします。このマップ シリーズは、百貨店、倉庫、オフィスなど、特定のビジネス ケースに応じたポイントを強調表示する場合に役立ちます。このマップ シリーズのその他の用途としては、動的な車両追跡を行うフリート管理システムまたは GPS システムなどが挙げられます。

以下の画像は igMap コントロールで地理シンボル シリーズのプレビューです。記号の RadiusScale は、比例半径スケールを使用して、データ ポイントの値のサイズを表示します。

地理比例シンボル シリーズ構成の概要

地理比例シンボル シリーズ構成の概要表

以下の表は、地理比例シンボル シリーズに関する igMap コントロールの構成可能な要素を示しています。

コード例の概要

コード例の概要表

以下の表は、このトピックで使用したコード例をまとめたものです。

コード例: JavaScript における地理シンボルシリーズの構成

説明

このコード例は、igMap コントロールを構成して、地理シンボル シリーズを JavaScript で表示する方法を示しています。この例は、シリーズのデータ バインディング オプションを指定する方法を示しています。予定表連動マーカー選択は、マーカー競合回避ロジックと合わせて構成され、マーカー アウトラインと塗りつぶしの色も指定されます。

コード

JavaScript の場合:

 $("#map").igMap({
    ...
    series: [{
    name: "series1",
    type: "geographicProportionalSymbol", 
    dataSource: data,
    markerType: "circle", 
    markerOutline: "black",
    longitudeMemberPath: "Longitude",
    latitudeMemberPath: "Latitude",
    radiusMemberPath: "Magnitude",
    radiusScale: {
        minimumValue: 10,
        maximumValue: 40, 
    },
    fillMemberPath: "Magnitude",
    fillScale: {
         type: "value",
         brushes: ["red", "yellow"],
         minimumValue: 1,
         maximumValue: 12
     }
    }],
    ...
});

以下の画像は上記のコードの結果です。igMap コントロールで radiusScale、markerOutline、および fillScale が定義された地理シンボル シリーズを表示します。

関連コンテンツ

トピック

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

• マップ シリーズの構成 (igMap): このトピックは、igMap コントロールでサポートされているすべてのマップ視覚エフェクトを構成し、さまざまな背景コンテンツ (マップ プロバイダー) を使用する方法を説明するトピックのリンクがあるランディング ページです。

• 機能の構成 (igMap): このトピックは、igMap コントロールのさまざまな機能を構成する方法を説明するトピックのリンクがあるランディング ページです。

• データ バインディング (igMap): このトピックは、可視化されたマップ シリーズに応じて igMap コントロールをさまざまなデータ ソースにバインドする方法を説明します。

• マップのスタイル設定 (igMap): このトピックは、ビジュアル スタイル設定に関連して igMap コントロールを構成する方法を説明しています。

サンプル

このトピックについては、以下のサンプルも参照してください。

• 地理記号シリーズ: このサンプルは、マップを作成し、地理シンボル シリーズを表示する方法を示します。