ハイブリッド散乱層は、基本フラットマップのサブコンポーネントである。 それは、地理的位置の点データ情報を散乱点の形で表すことができる。 ハイブリッド散乱レイヤーは、ハイブリッド散乱レイヤーの散乱スタイル、注釈スタイル、ポップアップスタイル、およびインタラクション構成を含む、独立したスタイル、データ、およびインタラクション構成をサポートします。 このトピックでは、混合散布レイヤーの設定項目について説明します。
重要 ハイブリッド散布層サブコンポーネントはV2.xです。 v1.xサブコンポーネントの詳細については、「散布レイヤー (v1.xバージョン) 」をご参照ください。
[コンポーネント] の下の [ハイブリッド散布レイヤー] をクリックします。 設定パネルで、Hybrid Scatter Layerのスタイルとデータを設定します。
説明 [コンポーネント管理] セクションで [ハイブリッド散布レイヤー] を使用できない場合、[ハイブリッド散布レイヤー] コンポーネントは追加されていません。 詳細については、「マップコンテナ」をご参照ください。
パラメーター

- [設定の検索]: キャンバスエディターの右側のパネルで、[設定] タブをクリックし、右上隅の [設定の検索] をクリックします。 検索ボックスに必要な設定項目を入力し、検索アイコンをクリックして設定項目をすばやく見つけます。 あいまい一致はサポートされていません。 詳細については、「設定の検索」をご参照ください。
- 表示レベル: ブレンドされた散布図レイヤーの表示レベル。 混合散乱レイヤーは指定されたレベル範囲内では表示されますが、指定されたレベル外では表示されません。
- デフォルトの散布図設定: 散布図の種類、半径、色、エッジなどのパラメーターを設定できます。
- 構成タイプ: ハイブリッド散乱層のタイプ。 タイプは、デフォルト設定、データマッピング、またはアイコン設定です。
- デフォルト設定
パラメーター 機能 散布半径 散布半径のサイズを設定します。 塗りつぶしの色 散布の塗りつぶしの色を設定します。 Edgeオプション 散布のエッジの色と太さを設定します。 - データマッピング
パラメーター 機能 散布半径 散布半径の範囲値と半径のデフォルトサイズを設定します。 塗りつぶしの色 データソースのvalue値が最大、最小、またはnullの場合、散布の色を設定します。 最大値と最小値との間の値を有する散布については、システムは、散布の色を、スケールに従って最大値の色から最小値の色までの勾配に設定する。 このオプションは、設定タイプパラメーターをデータマッピングに設定した場合にのみ使用できます。 Edgeオプション 散布のエッジの色と太さを設定します。 - アイコン設定: アイコン設定を選択すると、散布ドットがアイコンとして表示されます。 [アイコン設定] セクションで、アイコン画像、アイコンのサイズ、相対位置、および注釈オフセットを設定できます。 アイコン設定を選択しない場合、散布ドットはドットとして表示されます。 散布ドットの色、半径、およびエッジは、[デフォルト設定] または [データマッピング] で設定できます。
パラメーター 機能 イメージパス [イメージパス] セクション - ポインタを画像の上に移動し、[削除] をクリックして画像を削除します。 次に、画像領域をクリックするか、ローカル画像をその領域にドラッグして散布図を追加します。
- 画像の上にポインターを移動し、[変更] をクリックしてローカル画像を再度アップロードします。
- 画像のURLを入力して、リモートサーバー上の画像を散布図として使用することもできます。
画像サイズ スキャッタアイコンの幅と高さを設定して、画像のサイズを制御します。 サイズの範囲は0〜600です。 単位はpxです。 相対位置 スキャッタに対するスキャッタアイコンの相対位置。 有効な値: BottomおよびCenter。 呼び出しオフセット 水平方向または垂直方向からのラベルアイコンのオフセット。 有効な値: -600から600。 単位: ピクセル
- デフォルト設定
- シリーズ:
または
アイコンをクリックして、シリーズを追加または削除します。
または
アイコンをクリックして、複数のシリーズの配置スタイルを設定します。 アイコンをクリックし
て、選択したシリーズ構成をコピーし、同じ構成のシリーズを追加します。
パラメーター 機能 タイプフィルター値 データソースのtypeフィールドに設定したtype値に対応する散布図のスタイルを設定します。 図1. 混合散布層タイプフィルタ値スタイル 図2. 混合散布層タイプフィルタ値データ 構成タイプ 各シリーズの設定タイプを設定します。 詳細については、「パラメーター」の「デフォルトの分散構成」をご参照ください。 - 寸法: テキストメモを散布します。 ラベルの左側にある
アイコンをクリックして、ラベルの表示を制御します。
パラメーター 機能 表示されたフィールド データパネルのデータソースで使用するには、データ内のフィールド名を一致させる必要があります。 たとえば、このパラメーターをnameに設定した場合、ビジュアライゼーションアプリケーションのスキャッタアノテーションがnameフィールドの値として表示されます。 図3. [混合散乱レイヤーのラベルフィールド] 図4. 混合散乱層データの テキストスタイル 寸法テキストのフォント、テキストの太さ、フォントサイズ、色、影の色を設定します。 テキストの色を変更するには、カラーピッカーの手順を参照してください。 相対位置 center、top、bottom、left、rightを含む、散布図に対するディメンションテキストの位置。 - ダイアログボックス: [プレビュー] または [公開] ページで、表示されるダイアログボックスをクリックします。 左側の
アイコンをクリックして、ポップアップボックスの表示を制御します。
説明 ポップアップ機能を有効にするには、まずinfoフィールドを設定する必要があります。- infoフィールド: スイッチをオンにすると、infoフィールドがポップアップコンテンツとして使用されます。 このフィールドのhtmlタグを設定できます。 スイッチをオフにすると、nameフィールドとvalueフィールドはポップアップコンテンツと互換性があります。
- イベントタイプ: ClickまたはMoveイベントのタイプを選択します。
- 設定オプション: ポップアップボックスの設定項目の内容。 [デフォルト] または [カスタム] を選択できます。
- 親コンテナのデフォルト: システムのデフォルトスタイル。
- カスタム設定: テキストスタイル、線の高さの比率、コーナーの半径などのパラメーターをカスタマイズできます。
パラメーター 機能 テキストスタイル ポップアップボックスでテキストのフォント、太さ、フォントサイズ、色、影の色を設定します。 詳細については、「カラーピッカーの手順」をご参照ください。 列の高さの比率 箇条書きボックス形式の行の高さの比率の値を設定します。 フィレット半径 ポップアップボックスのフィレット半径を設定します。 値が大きいほど、角が丸くなります。 マージン ダイアログボックス内のテキストとダイアログボックスの4辺の間の距離を設定します。 背景色 ダイアログボックスの背景色を設定します。 閉じるボタン 閉じたポップアップボタンの色とサイズ、およびボタン間の距離を上から右に設定します。
- インタラクティブ設定
ホバースタイル: アイコンの上にポインターを移動したときの元のサイズに対するアイコンのサイズの比率。 左側のアイコンをクリックし
て、ホバー操作機能を有効または無効にすることができます。
- 構成タイプ: ハイブリッド散乱層のタイプ。 タイプは、デフォルト設定、データマッピング、またはアイコン設定です。
フィルタリングテーブルのメタデータ。

項目 | 説明 |
タイプ | (オプション) マルチシリーズ構成。これは、構成パネルのシリーズ構成と組み合わせて使用され、スキャッタのタイプを構成します。 説明 系列値がない、または系列値内にないデータポイントは、構成パネルのデフォルト設定を使用してレンダリングされます。 |
name | オプションです。 散布点のラベル名。 ポイントラベルの表示に使用できます。 ラベル名は、特定の散布点のラベル情報スタイルを設定するための設定パネルの [ラベル] フィールドに対応しています。 |
lng | 散布の経度。 |
lat | 散布の緯度。 |
値 | オプションです。 散布点の色とサイズは、散布設定タブの [データマッピング] で、最大値、最小値、およびデータなしの値とともに設定できます。 |
info | (オプション) ポインタをハッシュポイントの上に移動したときに、ポップアップボックスのフローティングレイヤーのコンテンツをカスタマイズします。 |
iconUrl | (オプション) スキャッタアイコンのパスをカスタマイズします。 |
パラメーター | 説明 |
制御モード | スイッチをオンにすると、ウィジェットの初期化時にデータが要求されません。 データリクエストは、コールバックIDまたはBlueprint Editorで設定されたメソッドに基づいてのみトリガーされます。 スイッチをオフにすると、データ要求が自動的にトリガーされます。 デフォルトでは、スイッチはオフになっています。 |
自動データ要求 | [自動データ要求] チェックボックスをオンにすると、動的ポーリングを有効にし、ポーリング間隔を手動で指定できます。 このチェックボックスをオンにしないと、データは自動的に要求されません。 手動でページを更新してデータを要求するか、Blueprint EditorまたはコールバックIDイベントを使用してデータ要求をトリガーする必要があります。 |
データソース | キャンバスエディターの右側のパネルで、[データ] タブをクリックします。 [静的データ] の横にある [設定] をクリックします。 [Configure Datasource] パネルで、[data source Type] ドロップダウンリストからデータソースを選択します。 コードエディターでデータクエリのコードを入力し、[データ応答のプレビュー] をクリックしてデータソースの応答をプレビューし、応答を表示します。 詳細については、「資産データの設定」をご参照ください。 |
データフィルター | [データフィルタ] チェックボックスをオンにすると、データ構造の変換、データのフィルタリング、および簡単な計算を実行できます。 [フィルターの追加] の横にあるプラス記号 (+) をクリックすると、表示されるエディターでデータフィルターのスクリプトを設定できます。 詳細については、「データフィルターの使用」をご参照ください。 |
データ応答結果 | データ要求に対する応答。 データソースが変更された場合は、[データ応答結果] の横にある![]() |
相互連携

インタラクション | 説明 |
ポイントをクリックしたとき | ウィジェット間のインタラクションを有効にするには、[有効化] チェックボックスをオンにします。 ハイブリッド散乱層のサブコンポーネントは、相互作用的な構成を有する。 ハッシュポイントがクリックされると、コールバック値がスローされます。 デフォルトでは、データのlngフィールドとlatフィールドがスローされます。 詳細は、「コールバックIDの設定」をご参照ください。 |
マウスが入ったとき | ウィジェット間のインタラクションを有効にするには、[有効化] チェックボックスをオンにします。 ハイブリッド散乱層のサブコンポーネントは、相互作用的な構成を有する。 マウスがスキャッタ位置に移動すると、コールバック値がスローされます。 デフォルトでは、データのlngフィールドとlatフィールドがスローされます。 詳細は、「コールバックIDの設定」をご参照ください。 |
Blueprint Editorでのインタラクションの設定
- キャンバスエディターで、[基本フラットマップ] ウィジェットリストの [散布レイヤーのブレンド] の横にある
アイコンをクリックします。
- ページの
左上隅にあるアイコンをクリックします。
- Blueprint Editorで、[ノードのインポート] ペインで [ハイブリッド散布レイヤー] コンポーネントをクリックします。 次の図に示すように、キャンバスでハイブリッド散布レイヤーコンポーネントのパラメーターを表示できます。
- イベント
イベント 説明 データインターフェイス要求が完了したとき イベントは、データインターフェイス要求が応答され、フィルターによって処理された後、処理されたJSONデータでトリガーされます。 特定のデータ例の詳細については、キャンバスエディターの右側の構成パネルにある [データ] タブの [データ応答結果] セクションをご参照ください。 データインターフェイス要求が失敗した場合 データインターフェイス要求が失敗したときに返され (要求はネットワークの問題またはインターフェイスのエラーが原因である可能性があります) 、フィルターによって処理されるイベント。 イベントは、処理されたJSONデータもスローします。 特定のデータ例の詳細については、キャンバスエディターの右側の構成パネルにある [データ] タブの [データ応答結果] セクションをご参照ください。 ポイントをクリックしたとき 混合散乱レイヤーのハッシュポイントがクリックされたときに発生するイベントと、散乱ポイントに対応する経度と緯度のデータ項目も発生します。 マウスが入ったとき マウスが混合散乱層の散乱点に移動したときに発生するイベントと、散乱点に対応する緯度および経度のデータ項目も発生します。 - ポリシーアクション
Action 説明 要求データインタフェース このアクションは、サーバーデータを再度要求するために実行されます。 アップストリームデータ処理ノードまたはレイヤノードによって送信されたデータは、パラメータとして使用される。 たとえば、APIデータソースが http:// api.test
で、リクエストデータインターフェイスに渡されるデータが{ id: '1'}
の場合、最終的なリクエストインターフェイスはhttp:// api.test?id=1
です。データのインポート ウィジェットのデータがその描画フォーマットに従って処理された後、ウィジェットは再描画のためにインポートされる。 サーバーデータを再度リクエストする必要はありません。 特定のデータ例の詳細については、キャンバスエディターの右側の構成パネルにある [データ] タブの [データ応答結果] セクションをご参照ください。 表示 表示コンポーネント、パラメータ不要 非表示 ウィジェットは、パラメータを指定する必要なしに非表示になります。
- イベント