DataV:アイコン散布レイヤー (v2.xバージョン)

パラメーター

• [設定の検索]: キャンバスエディターの右側のパネルで、[設定] タブをクリックし、右上隅の [設定の検索] をクリックします。 検索ボックスに必要な設定項目を入力し、検索アイコンをクリックして設定項目をすばやく見つけます。 あいまい一致はサポートされていません。 詳細については、「設定の検索」をご参照ください。
• 表示レベル: アイコン散布レイヤーの表示レベル。 指定したレベル範囲内でアイコン散布レイヤーが表示されます。
• アイコン設定: アイコンのパス、サイズ、相対位置、およびオフセットを設定できます。

  パラメーター	機能
  イメージパス	[イメージパス] セクション ポインタを画像の上に移動し、[削除] をクリックして画像を削除します。 次に、画像領域をクリックするか、ローカル画像をその領域にドラッグして散布アイコンを追加します。 画像の上にポインターを移動し、[変更] をクリックしてローカル画像を再度アップロードします。 画像のURLアドレスを入力して、リモートサーバー上の画像をスキャッタアイコンとして使用することもできます。
  画像サイズ	スキャッタアイコンの幅と高さを設定して、画像のサイズを制御します。
  相対位置	スキャッタに対するスキャッタアイコンの相対位置。 [下部] または [中央] を選択できます。
  オフセット	アイコンの水平方向または垂直方向からのオフセット値を设定します。

• シリーズ: またはアイコンをクリックして、シリーズを追加または削除します。 またはアイコンをクリックして、複数のシリーズの配置スタイルを設定します。 アイコンをクリックして、選択したシリーズ構成をコピーし、同じ構成のシリーズを追加します。

  Type Filter Value: データソースのtypeフィールドに対応するスキャッタパターンのタイプを指定します。

  各シリーズのアイコンスタイルを設定します。 詳細については、「パラメーター」セクションの「アイコン設定」をご参照ください。

• 寸法: テキストメモを散布します。 ラベルの左側にあるアイコンをクリックして、ラベルの表示を制御します。

  パラメーター	機能
  表示されたフィールド	データパネルのデータソースで使用するには、地理データのフィールド名を一致させる必要があります。 たとえば、このパラメーターをnameに設定した場合、ビジュアライゼーションアプリケーションのスキャッタアノテーションがnameフィールドの値として表示されます。
  テキストスタイル	寸法テキストのフォント、テキストの太さ、フォントサイズ、色、影の色を設定します。 テキストの色を変更するには、カラーピッカーの手順を参照してください。
  相対位置	散布図に対するディメンションテキストの相対位置。 有効な値: Center、Top、Bottom、Left、Right。
  オフセット	テキスト注釈の水平方向または垂直方向からのオフセットを指定します。 単位: ピクセル

• ボックス: プレビューまたは公開ページで、データポイントのアイコンをクリックします。 左側のアイコンをクリックして、ポップアップボックスの表示を制御します。
  説明 ポップアップ機能を有効にするには、まずinfoフィールドを設定する必要があります。
  • infoフィールド: スイッチをオンにすると、infoフィールドがポップアップコンテンツとして使用されます。 このフィールドのhtmlタグを設定できます。 スイッチをオフにすると、nameフィールドとvalueフィールドはポップアップコンテンツと互換性があります。
  • イベントタイプ: ClickまたはMoveイベントのタイプを選択します。
  • 設定オプション: ポップアップボックスの設定項目の内容。 [デフォルト] または [カスタム] を選択できます。
    • 親コンテナのデフォルト: システムのデフォルトスタイル。
    • カスタム設定: テキストスタイル、線の高さの比率、コーナーの半径などのパラメーターをカスタマイズできます。

      パラメーター	機能
      テキストスタイル	ダイアログボックスでテキストのフォント、太さ、フォントサイズ、色を設定します。 詳細については、「カラーピッカーの手順」をご参照ください。
      列の高さの比率	箇条書きボックス形式の行の高さの比率の値を設定します。
      フィレット半径	ポップアップボックスのフィレット半径を設定します。 値が大きいほど、角が丸くなります。
      マージン	ダイアログボックス内のテキストとダイアログボックスの4辺の間の距離を設定します。
      背景色	ダイアログボックスの背景色を設定します。
      閉じるボタン	閉じたポップアップボタンの色とサイズ、およびボタン間の距離を上から右に設定します。

• インタラクティブ設定

  ホバースタイル: アイコンの上にポインターを移動したときの元のサイズに対するアイコンのサイズの比率。 左側のアイコンをクリックして、ホバー操作機能を有効または無効にすることができます。

フィルタリングテーブルのメタデータ。

表1. パラメーター

パラメーター	説明
制御モード	スイッチをオンにすると、ウィジェットの初期化時にデータが要求されません。 データリクエストは、コールバックIDまたはBlueprint Editorで設定されたメソッドに基づいてのみトリガーされます。 スイッチをオフにすると、データ要求が自動的にトリガーされます。 デフォルトでは、スイッチはオフになっています。
自動データ要求	[自動データ要求] チェックボックスをオンにすると、動的ポーリングを有効にし、ポーリング間隔を手動で指定できます。 このチェックボックスをオンにしないと、データは自動的に要求されません。 手動でページを更新してデータを要求するか、Blueprint EditorまたはコールバックIDイベントを使用してデータ要求をトリガーする必要があります。
データソース	キャンバスエディターの右側のパネルで、[データ] タブをクリックします。 [静的データ] の横にある [設定] をクリックします。 [Configure Datasource] パネルで、[data source Type] ドロップダウンリストからデータソースを選択します。 コードエディターでデータクエリのコードを入力し、[データ応答のプレビュー] をクリックしてデータソースの応答をプレビューし、応答を表示します。 詳細については、「資産データの設定」をご参照ください。
データフィルター	[データフィルタ] チェックボックスをオンにすると、データ構造の変換、データのフィルタリング、および簡単な計算を実行できます。 [フィルターの追加] の横にあるプラス記号 (+) をクリックすると、表示されるエディターでデータフィルターのスクリプトを設定できます。 詳細については、「データフィルターの使用」をご参照ください。
データ応答結果	データ要求に対する応答。 データソースが変更された場合は、[データ応答結果] の横にあるアイコンをクリックして、データ応答をリアルタイムで表示できます。

相互連携

Blueprint Editorでのインタラクションの設定

1. キャンバスエディターで、[基本フラットマップ] コンポーネントリストの [アイコン散布レイヤー] の横にあるアイコンをクリックします。
2. ページの左上隅にあるアイコンをクリックします。
3. Blueprint Editorで、[ノードのインポート] ペインで [アイコン散布レイヤー] ウィジェットをクリックします。 キャンバスでは、次の図に示すように、アイコン散布レイヤーのパラメーターを設定できます。
   • イベント

     イベント	説明
     データインターフェイス要求が完了したとき	イベントは、データインターフェイス要求が応答され、フィルターによって処理された後、処理されたJSONデータでトリガーされます。 特定のデータ例の詳細については、キャンバスエディターの右側の構成パネルにある [データ] タブの [データ応答結果] セクションをご参照ください。
     データインターフェイス要求が失敗した場合	データインターフェイス要求が失敗したときに返され (要求はネットワークの問題またはインターフェイスのエラーが原因である可能性があります) 、フィルターによって処理されるイベント。 イベントは、処理されたJSONデータもスローします。 特定のデータ例の詳細については、キャンバスエディターの右側の構成パネルにある [データ] タブの [データ応答結果] セクションをご参照ください。
     ポイントをクリックしたとき	アイコン散布レイヤーのハッシュポイントをクリックしたときに発生するイベントで、散布ポイントに対応する経度と緯度のデータ項目も発生します。
     マウスが入ったとき	マウスがアイコン散布レイヤーの散布点に移動したときに発生するイベントで、散布点に対応する経度と緯度のデータ項目もスローされます。

   • ポリシーアクション

     Action	説明
     要求データインタフェース	このアクションは、サーバーデータを再度要求するために実行されます。 アップストリームデータ処理ノードまたはレイヤノードによって送信されたデータは、パラメータとして使用される。 たとえば、APIデータソースがhttp:// api.testで、リクエストデータインターフェイスに渡されるデータが { id: '1'} の場合、最終的なリクエストインターフェイスはhttp:// api.test?id=1です。
     データのインポート	ウィジェットのデータがその描画フォーマットに従って処理された後、ウィジェットは再描画のためにインポートされる。 サーバーデータを再度リクエストする必要はありません。 特定のデータ例の詳細については、キャンバスエディターの右側の構成パネルにある [データ] タブの [データ応答結果] セクションをご参照ください。
     表示	ウィジェットは、パラメータを指定する必要なしに表示されます。
     非表示	ウィジェットは、パラメータを指定する必要なしに非表示になります。