線密度マップレイヤは、基本フラットマップのサブコンポーネントです。 独立したスタイル、データ、および相互作用の構成をサポートします。 それはヒートラインの形で地理的な位置のルート情報を表示できます。 地下鉄のルートマップなど、マップ上のルートマップの大画面表示に適しています。 このトピックでは、線密度マップレイヤーの各設定項目の意味について説明します。
[サブコンポーネントの管理] の下にある [線密度マップレイヤー] をクリックします。 [設定] パネルで、線密度マップレイヤーのスタイルとデータを設定します。
説明 [サブコンポーネントの管理] セクションに線密度マップレイヤーが表示されていない場合、線密度マップレイヤーサブコンポーネントは追加されていません。 詳細については、「マップコンテナ (v1.xバージョン) 」をご参照ください。
パラメーター
- Edgeオプション
- [設定の検索]: キャンバスエディターの右側のパネルで、[設定] タブをクリックし、右上隅の [設定の検索] をクリックします。 検索ボックスに必要な設定項目を入力し、検索アイコンをクリックして設定項目をすばやく見つけます。 あいまい一致はサポートされていません。 詳細については、「設定の検索」をご参照ください。
- 色: 最大値、最小値、または空のデータ値に対応する線の色。 詳細については、「カラーピッカーの説明」をご参照ください。 最大値と最小値の間の線は、value値に基づいて最大値と最小値の間のグラデーションカラーにマッピングされます。 重要 データに色フィールドが設定されている場合、線の色は色フィールドに基づいています。
- 値: ヒートラインの太さ。
- 点線: ヒートラインのタイプ。
- インタラクティブ設定
- ホバー:
アイコンをクリックして、ホバーインタラクション機能を有効または無効にします。 このスイッチをオンにすると、ホバーの色とホバーの線の太さを設定できます。 この効果は、プレビューまたは公開時にのみ表示されます。 - ポップアップウィンドウ: スイッチをオンにしてヒートラインをクリックすると、ラインの詳細が表示されます。 詳細は、データのpropertiesプロパティで設定できます。 データをプレビューまたは公開する場合にのみ、効果を確認できます。
- フォーカス: スイッチをオンにしてヒートラインをクリックすると、ラインの位置に基づいてラインがフォーカスされます。 行をプレビューまたは公開するときにのみ効果を確認できます。
- フォーカスレンジ比: ヒートラインのフォーカスレンジ比。 フォーカス範囲の比率は、[クリックしてフォーカス] 設定項目が有効になっていて、ページをプレビューまたは公開した場合にのみ表示されます。
- コールバックID: ウィジェット間でデータをリンクするために使用される変数。 このパラメーターをデータのフィールドに設定します。 重要 この機能はインタラクションパネルに更新されました。 この機能は、[設定] パネルで非推奨になります。 [インタラクション] タブでコールバックIDを設定します。
- ホバー:
フィルタリングテーブルのメタデータ。
Geo Boundary GeoJSON data InterfaceとThermal Value Data Interfaceの2つのデータソースを設定する必要があります。
- Geo-boundary geojson data interface: geojson型のデータ。LineString型である必要があります。 熱値分布データに対応する必要がある場合は、一意のlink_idまたはidフィールドがあることを確認する必要があります。 GeoJSON標準の詳細については、「geojson.org」をご参照ください。 この記事では、次の図に示すように、単純なコード例のみを示します。
{ "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "LineString", "coordinates": [ [ 109.4677734375, 41.409775832009565 ], [ 117.46582031249999, 36.31512514748051 ], [ 118.828125, 32.0639555946604 ], [ 114.9169921875, 27.566721430409707 ] ] } } ] }説明 プロパティフィールドは、設定パネルのポップアップ情報に対応します。 設定用のフィールド値をカスタマイズできます。 - 熱値インターフェイス
上の図のサンプルコード:
[ { "link_id": 1, "value": 1, "color": "#ED3229" }, { "link_id": 2, "value": 1, "color": "#36B854" }, { "link_id": 3, "value": 1, "カラー": "#FFD823" }, { "link_id": 4, "value": 1, "color": "#320176" }, { "link_id": 5、 "value": 1, "color": "#320176" }, { "link_id": 6、 "value": 1, "color": "#823094" }, { "link_id": 7、 "value": 1, "color": "#CF047A" }, { "link_id": 8、 "value": 1, "カラー": "#F3560F" } ]表1. 説明 項目 説明 link_id このフィールドを通るベクトル線データに対応する線関連ID。 値 設定パネルで最大、最小、およびnullの色を設定するための基準となる線の重み。 info オプションです。 ポップアップウィンドウの内容。 このパラメーターが空の場合、ポップアップウィンドウは対応するベクターラインデータのプロパティフィールドの内容として表示されます。 このパラメーターを指定しない場合、ポップアップウィンドウの情報がinfoフィールドの内容として表示されます。 カラー (オプション) 線密度マップレイヤーはデータ優先レンダリングをサポートします。 次の図に示すように、color (線の色) 、weight (線幅) 、dashArray (破線) などのフィールドを設定した場合、これらのプロパティが最初に使用されて関連する線がレンダリングされます。
| パラメーター | 説明 |
| 制御モード | スイッチをオンにすると、ウィジェットの初期化時にデータが要求されません。 データリクエストは、コールバックIDまたはBlueprint Editorで設定されたメソッドに基づいてのみトリガーされます。 スイッチをオフにすると、データ要求が自動的にトリガーされます。 デフォルトでは、スイッチはオフになっています。 |
| 自動データ要求 | [自動データ要求] チェックボックスをオンにすると、動的ポーリングを有効にし、ポーリング間隔を手動で指定できます。 このチェックボックスをオンにしないと、データは自動的に要求されません。 手動でページを更新してデータを要求するか、Blueprint EditorまたはコールバックIDイベントを使用してデータ要求をトリガーする必要があります。 |
| データソース | キャンバスエディターの右側のパネルで、[データ] タブをクリックします。 [静的データ] の横にある [設定] をクリックします。 [Configure Datasource] パネルで、[data source Type] ドロップダウンリストからデータソースを選択します。 コードエディターでデータクエリのコードを入力し、[データ応答のプレビュー] をクリックしてデータソースの応答をプレビューし、応答を表示します。 詳細については、「資産データの設定」をご参照ください。 |
| データフィルター | [データフィルタ] チェックボックスをオンにすると、データ構造の変換、データのフィルタリング、および簡単な計算を実行できます。 [フィルターの追加] の横にあるプラス記号 (+) をクリックすると、表示されるエディターでデータフィルターのスクリプトを設定できます。 詳細については、「データフィルターの使用」をご参照ください。 |
| データ応答結果 | データ要求に対する応答。 データソースが変更された場合は、[データ応答結果] の横にある |
相互連携
ウィジェット間のインタラクションを有効にするには、[有効化] チェックボックスをオンにします。 ライン熱層サブコンポーネントは、インタラクティブな構成を有する。 サーマルラインをクリックして、コールバック値をスローできます。 デフォルトでは、データのlink_idフィールドがスローされます。 詳細については、「ウィジェットのコールバックIDの設定」をご参照ください。
Blueprint Editorでのインタラクションの設定
- キャンバスエディターで、[基本フラットマップ] タブの線密度マップレイヤーの右側にある
アイコンをクリックします。 - ページの
左上隅にあるアイコンをクリックします。 - Blueprint Editorで、[インポートしたノード] ウィンドウで [行密度マップレイヤー] をクリックします。 キャンバスで線密度マップレイヤパラメータを表示できます。
- イベント
イベント 説明 geo-boundary geojsonデータインターフェイス要求が完了したとき geo-boundary geojsonデータインターフェイス要求の後にスローされるイベントが返され、フィルターによって処理されます。 また、処理されたJSON形式のデータをスローします。 特定のデータについては、「データ」をご参照ください。 熱値データインタフェース要求が完了したとき 発熱量データインターフェイス要求の後にスローされるイベントが返され、フィルターによって処理されます。 また、処理されたJSON形式のデータをスローします。 特定のデータについては、「データ」をご参照ください。 行がクリックされたとき 行がクリックされると、イベントがトリガーされます。 - ポリシーアクション
Action 説明 geo-boundary geojson data interfaceのリクエスト このアクションは、サーバーデータを再度要求するために実行されます。 アップストリームデータ処理ノードまたはレイヤノードによって送信されたデータは、パラメータとして使用される。 たとえば、線密度マップレイヤーのAPIデータソースが http:// api.testで、要求geo-boundary geojson data interfaceに渡されるデータが{ id: '1'}の場合、最終的な要求インターフェイスはhttp:// api.test?id=1です。リクエスト熱値インターフェイス このアクションは、サーバーデータを再度要求するために実行されます。 アップストリームデータ処理ノードまたはレイヤノードによって送信されたデータは、パラメータとして使用される。 たとえば、線密度マップレイヤーのAPIデータソースが http:// api.testで、Request Heat Value data Interfaceに転送されるデータが{ id: '1'}の場合、最終的なリクエストインターフェイスはhttp:// api.test?id=1です。geo-boundary geojsonデータインターフェイスのインポート ウィジェットのデータがその描画フォーマットに従って処理された後、ウィジェットは再描画のためにインポートされる。 サーバーデータを再度リクエストする必要はありません。 特定のデータについては、「データ」をご参照ください。 热価データのインポート ウィジェットのデータがその描画フォーマットに従って処理された後、ウィジェットは再描画のためにインポートされる。 サーバーデータを再度リクエストする必要はありません。 特定のデータについては、「データ」をご参照ください。 表示 ウィジェットは、パラメータを指定する必要なしに表示されます。 非表示 ウィジェットは、パラメータを指定する必要なしに非表示になります。
- イベント