DataV:2Dアイコンレイヤー (v3.x)

チャートスタイル

2Dアイコンレイヤーは、3Dフラットマップ (v3.xバージョン) のサブコンポーネントです。 アイコンの形状、サイズ、色など、独立したスタイル、データ、および相互作用の構成をサポートします。 2Dアイコンの形で3Dフラットマップ内の地理的位置を見つけることができます。

スタイルテンプレート

• 検索設定: スタイルパネルの右上隅にある検索設定項目アイコンをクリックします。 [検索設定] パネルで、検索する設定項目の名前を入力し、設定項目を検索します。 あいまい一致はサポートされていません。 詳細については、「設定項目の検索」をご参照ください。

• 一般: 2Dアイコンレイヤーの一般的な設定項目を設定します。

  メトリクス	説明
  不透明度	2Dアイコンレイヤーの不透明度。 単位: % 。 有効値: 0~100。 値が大きいほど、2Dアイコンレイヤーは不透明になります。

• グラフィック: 2Dアイコンレイヤーのグラフィック設定項目を設定します。

  • アイコン形状: 2Dアイコンレイヤーによって3Dフラットマップに表示されるアイコンの形状を指定します。 詳細については、「シェイプマッパーの使用」をご参照ください。

  • アイコンサイズ: 2Dアイコンレイヤー上のアイコンのサイズとスタイルパラメーター。

    メトリクス	説明
    幅	2次元アイコンレイヤーアイコンの幅。 値の範囲は0から400です。 単位: ピクセル。
    高さ	2次元アイコンレイヤー上のアイコンの高さ。 値の範囲は0から400です。 単位: ピクセル。

• ラベル: 2Dアイコンレイヤーのラベルのスタイル。

  • ラベルを表示: スイッチをオンにすると、2Dアイコンレイヤーラベルが表示されます。 スイッチをオフにすると、2Dアイコンレイヤーラベルは表示されません。

  • 表示モード: 2Dアイコンレイヤーの表示モード。 有効な値: [すべて選択] および [クリック] 。

  • コンテンツスタイル: タグコンテンツのスタイル。

    項目	値の例
    スタイル /ライン	[Style per Line] の右側にあるまたはアイコンをクリックして、各行のスタイルを追加または削除します。 またはアイコンをクリックして、行ごとに複数のコンテンツスタイルの配置を設定します。 アイコンをクリックして、現在選択されているコンテンツスタイル設定をコピーし、同じ設定でコンテンツの新しい行を追加します。 行フィールド: 行フィールドの名前。データパネルのフィールドと一致する必要があります。 フィールドスタイル: フィールドのフォントスタイル、フォントサイズ、色、太さなど、行のフィールドスタイルを設定します。 フィールドのプレフィックス: フィールドの内容、間隔、フォント、フォントサイズ、色、および重みを指定します。 [フィールドプレフィックス] の左側にあるアイコンをクリックして、[フィールドプレフィックス] の表示を制御します。 フィールドサフィックス: フィールドサフィックスの内容、間隔、フォント、フォントサイズ、色、および重みを指定します。 [Field Suffix] の左側にあるアイコンをクリックして、[Field Suffix] の値を制御します。
    フィールド幅	フィールドの幅 (フィールドのアダプテーションタイプとフィールドの最大幅を含む) を設定します。 フィールドの適応タイプは、適応および固定幅を含む。
    列の高さの比率	タグの行の高さの比率。 有効な値: 1 ~ 2。
    コンテンツストローク	タグのコンテンツエッジの色と太さを設定します。 厚さの値は0〜5の範囲である。 [コンテンツストローク] の左側にあるアイコンをクリックして、[コンテンツストローク] の表示を制御します。
    コンテンツシャドウ	シャドウの色、太さ、X方向のオフセット、Y方向のオフセットなど、ラベルコンテンツのシャドウを指定します。 有効な値: 0〜10。 単位: ピクセル コンテンツシャドウの左側にあるアイコンをクリックして、コンテンツシャドウの表示を制御します。
    背景スタイル	ラベルコンテンツの背景スタイルを設定します。 背景スタイルの左側にあるアイコンをクリックして、背景スタイルの表示を制御します。 背景タイプ: ベクターや画像など、タグコンテンツの背景タイプを設定します。 Background TypeパラメーターをVectorに設定した場合、次のパラメーターに基づいてBackground Styleパラメーターを設定します。 背景色: タグの背景色。 枠のスタイル: ラベルコンテンツの枠のスタイル (線の種類、線の幅、枠の色など) を設定します。 Border Fillet: ラベルコンテンツの境界の丸みを帯びた角。 単位: ピクセル。 コンテンツマージン: タグコンテンツ内のコンテンツとコンテンツの上下左右の距離を設定します。 Background TypeパラメーターをImageに設定した場合、次のパラメーターに基づいてBackground Styleパラメーターを設定します。 画像テンプレート: タグコンテンツの背景の画像テンプレートを指定します。 不透明度: 背景画像の不透明度を0〜100の範囲で設定します。 コンテンツマージン: タグコンテンツ内のコンテンツとコンテンツとの間の距離を上下左右方向に指定します。

• インタラクション: 2次元アイコンレイヤーのインタラクションパラメーター。

  • グラフィックインタラクション: グラフィックインタラクションの左側にあるグラフィックインタラクションスタイルの表示を制御できます。

  • マルチセレクト: スイッチをオンにすると、インタラクティブ効果がサポートされます。 スイッチをオフにすると、インタラクティブ効果は無効になります。

  • クリックスタイル: クリックスタイルの左側にあるアイコンで、クリックスタイルの表示を制御できます。

    メトリクス	説明
    ワイヤーフレームの厚さ	アイコンをクリックしたときのインタラクティブワイヤフレームの太さ。 値の範囲は0から5です。 単位: ピクセル
    ワイヤーフレームの色	アイコンをクリックしたときのインタラクティブワイヤフレームの色を設定します。

• 条件: 条件スタイルの説明。

  条件付きスタイル: またはアイコンをクリックして、条件付きスタイルを追加または削除します。 またはアイコンをクリックして、複数の条件付きスタイルの配置スタイルを設定します。 アイコンをクリックして、選択した条件スタイル設定をコピーし、条件スタイルを追加します。 条件ツリーの設定方法の詳細については、「使用方法の注意事項」をご参照ください。

  Graphics: 2Dアイコンレイヤーのグラフィックのスタイルを指定します。 Graphの左側にあるアイコンをクリックして、この条件下で2Dアイコンレイヤーに対応するグラフの表示を制御します。

  • アイコン形状: この状態で2次元アイコンレイヤーのアイコン形状を設定します。 左側のアイコンをクリックして、アイコンの形状をオンまたはオフにします。

  • アイコンサイズ: 2次元アイコンレイヤーのアイコンのサイズ (アイコンの幅と高さを含む) 。 有効な値: 0 ~ 400 単位: ピクセル。 左侧のアイコンをクリックして、アイコンサイズボタンの表示を制御します。

[データソース] パネル

高度なパネル

スイッチをオンにして、ウィジェットの操作機能を有効にします。 ポイントがクリックされると、データ要求がトリガーされ、一時変数がスローされます。 このように、ポイントがクリックされると、異なるポイントのデータが動的にロードされます。 デフォルトでは、クリックされた領域のlngとlatの値が表示されます。 詳細については、「コンポーネント操作設定」をご参照ください。

Blueprintインタラクション

1. 左上隅のアイコンをクリックして、ブループリントページに移動します。

2. [レイヤーノード] タブで、ウィジェットをメインキャンバスに追加します。

3. ブループリント設定パラメータを表示します。

   • イベント

     イベント	説明
     データインターフェイス要求が完了したとき	イベントは、データインターフェイス要求が応答され、フィルターによって処理された後、処理されたJSONデータでトリガーされます。 特定のデータ例の詳細については、キャンバスエディターの右側の構成パネルにある [データソース] タブの [データ応答結果] セクションをご参照ください。
     ポイントをクリックしたとき	2Dアイコンレイヤー内のポイントがクリックされると、データがスローされます。

   • Action

     Action	説明
     要求データインタフェース	このアクションは、サーバーデータを再度要求するために実行されます。 アップストリームデータ処理ノードまたはレイヤノードによって送信されたデータは、パラメータとして使用される。 たとえば、APIデータソースがhttps:// api.testで、リクエストデータインターフェイスに渡されるデータが { id: '1'} の場合、最終的なリクエストインターフェイスはhttps:// api.test?id=1です。
     データのインポート	ウィジェットのデータがその描画フォーマットに従って処理された後、ウィジェットは再描画のためにインポートされる。 サーバーデータを再度リクエストする必要はありません。 特定のデータ例の詳細については、キャンバスエディターの右側の構成パネルにある [データソース] タブの [データ応答結果] セクションをご参照ください。
     スイッチショー /ショー	ウィジェットを表示するか非表示にするかを指定します。 パラメータは必要ありません。
     表示	ウィジェットを表示します。 詳細については、「データ例」をご参照ください。 { "animationType": "",// The animation method. Valid value: fade. If you do not specify this parameter, no animation is generated. "animationDuration": 1000,// The animation delay. Unit: ms. "animationEasing": ""// animation curve }
     非表示	コンポーネントを非表示にします。 詳細については、「データ例」をご参照ください。 { "animationType": "",// The animation method. Valid value: fade. If you do not specify this parameter, no animation is generated. "animationDuration": 1000,// The animation delay. Unit: ms. "animationEasing": ""// animation curve }
     コンポーネント設定の更新	ウィジェットのスタイル設定は動的に更新されます。 スタイルパネルで、[設定をクリップボードにコピー] をクリックしてウィジェットの設定データを取得します。 その後、Blueprint Editorでデータ処理ノードのスタイルフィールドを変更します。