DataV：資訊標籤層（v4.x版本）

圖表樣式

資訊標籤層是基礎平面地圖 4.0的子組件，支援獨立的樣式、資料和互動配置，包括圖形狀的指標線樣式和主表徵圖樣式等，能夠以資訊表徵圖的形式表現地理位置上標籤資訊內容。

樣式面板

• 搜尋配置：單擊樣式面板右上方的搜尋配置項表徵圖，可在搜尋配置面板中輸入您需要搜尋的配置項名稱，快速定位到該配置項，系統支援模糊比對。詳情請參見搜尋配置項。

• 快速樣式：資訊標籤層子組件具備快速樣式功能，您可以根據實際應用情境選擇不同的樣式。

• 通用：設定資訊標籤層的通用配置項。

  參數	說明
  可見層級	設定資訊標籤層的可見層級值，在設定的層級範圍內可見，層級之外不可見。
  不透明度	資訊標籤層的不透明度，範圍為0~100，單位%。數值越大資訊標籤層越不透明。

• 圖形：設定資訊標籤層的圖形配置項。

  • 指示線：資訊標籤層指示線的樣式。單擊左側表徵圖，可控制指示線樣式的開啟或關閉。

    參數	說明
    終點位移	資訊標籤層的指示線在水平和垂直位置的位移值，取值範圍-500~500，單位px。
    橫線佔比	拖動滑塊設定指示線橫線部分佔整體指示線的比例，取值範圍為0~100，單位%。
    線型樣式	拖動滑塊設定指示線的線型樣式，包括線的類型、線的顏色和線的粗細值，取值範圍為0~20，單位px。 說明 線型支援數字輸入，如4,4，第1個數字表示實線長度，第2個數字表示間隔長度。

  • 主表徵圖：標籤中主表徵圖的樣式。單擊左側表徵圖，可控制主表徵圖樣式的開啟或關閉。

    參數	說明
    表徵圖形狀	資訊標籤層標籤內主表徵圖的形狀樣式，您可以單擊樣式右側的下拉選項框，選擇系統內建多種表徵圖樣式；也可在下拉框面板的輸入框內自訂輸入圖片的URL地址，將遠程伺服器上的圖片作為標籤表徵圖；或者單擊輸入框右側的表徵圖，上傳本地圖片作為標籤表徵圖。
    表徵圖尺寸	設定主表徵圖在寬度和高度上的尺寸大小，取值範圍為0~200，單位px。

• 標籤：設定資訊標籤層內標籤的樣式參數。

  • 整體寬度：設定標籤的整體寬度，包括設定標籤的適應類型，可選自適應和固定寬度兩種，當選擇自適應時，整體寬度的大小值會自動適配地圖組件的大小，最大寬度可自訂設定，取值範圍為20~500，單位px；當選擇固定寬度時，可自訂設定固定寬度的值，取值範圍為20~500，單位px。

  • 主標題：設定標籤內主標題的樣式，單擊主標題左側的表徵圖，可控制主標題樣式的顯隱。

    參數	說明
    標題欄位	設定標籤的標題欄位內容，需要與地理資料中的欄位名稱相匹配，預設為name欄位。
    文本樣式	設定標籤標題內的文本樣式，包括文本的字型樣式、字型大小大小、顏色和文本粗細值。
    標題背景	設定標籤主標題內的背景樣式。 背景顏色：設定標籤主標題的背景顏色。 邊框樣式：設定標籤主標題邊框的樣式，包括邊框的線類型，線寬的值和顏色。 邊框圓角：設定標籤主標題邊框的圓角在四個方向的值，單位px。 內容邊距：設定標籤中的主標題內容距離上下左右四個方向的邊距值。

  • 主內容：設定標籤內主內容的樣式，單擊主內容左側的表徵圖，可控制主內容樣式的顯隱。

    參數	說明
    每行樣式	單擊每行樣式右側的或表徵圖，添加或刪除一個每行內容樣式。 單擊或表徵圖配置多個每行內容樣式的相片順序。單擊表徵圖，即可複製當前選中的內容樣式並新增一個同樣配置的內容樣式。 列欄位：行內容的欄位名稱，需要和資料面板中的欄位相匹配。 欄位樣式：設定列欄位樣式，包括欄位的字型樣式、字型大小大小、顏色和粗細值。 欄位首碼：設定欄位首碼的具體內容 、內容間隔值、字型、字型大小大小、顏色和粗細值。單擊欄位首碼左側的表徵圖，可控制欄位首碼樣式的顯隱。 欄位尾碼：設定欄位尾碼的具體內容 、內容間隔值、字型、字型大小大小、顏色和粗細值。單擊欄位尾碼左側的表徵圖，可控制欄位尾碼樣式的顯隱。
    行高比例	標籤的行高比例值，取值範圍為1~2。
    內容背景	設定標籤主內容的背景樣式。 背景顏色：設定標籤主內容的背景顏色。 邊框樣式：設定標籤主內容邊框的樣式，包括邊框的線類型，線寬的值和顏色。 邊框圓角：設定標籤主內容邊框的圓角在四個方向的值，單位px。 內容邊距：設定標籤主內容中的內容距離上下左右四個方向的邊距值。

  • 背景框：設定標籤內背景框的樣式，單擊背景框左側的表徵圖，可控制背景框樣式的顯隱。

    參數	說明
    背景類型	標籤背景框的背景類型，可選向量和圖片。
    背景顏色	設定標籤的背景顏色，僅在背景類型選擇向量時可配置。
    圖片模板	選擇背景圖片的模板樣式，僅在圖片模板選擇圖片時可配置。
    不透明度	設定背景圖片的不透明度值，取值範圍為0~100，僅在圖片模板選擇圖片時可配置。
    邊框樣式	設定標籤背景邊框的樣式，包括邊框的線類型，線寬的值和顏色，僅在背景類型選擇向量時可配置。
    邊框圓角	設定標籤背景邊框的圓角在四個方向的值，單位px，僅在背景類型選擇向量時可配置。
    內容邊距	設定標籤背景框中的內容距離上下左右四個方向的邊距值。

• 條件：條件樣式說明。

  條件樣式：單擊右側的或表徵圖，添加或刪除一個條件樣式。 單擊或表徵圖配置多個條件樣式的排列樣式。單擊表徵圖，即可複製當前選中的條件樣式配置並新增一個同樣配置的條件樣式。具體樣式配置說明，請參見條件樹使用說明。

  圖形：設定該條件下資訊標籤層內的圖形樣式。單擊圖形左側的表徵圖，可控制該條件下資訊標籤層內對應圖形的顯隱。

  • 指示線：設定該條件下資訊標籤層的指示線的樣式。單擊左側表徵圖，可控制指示線樣式的開啟或關閉。

    參數	說明
    終點位移	資訊標籤層的指示線在水平和垂直位置的位移值，取值範圍-500~500，單位px。
    橫線佔比	拖動滑塊設定指示線橫線部分佔整體指示線的比例，取值範圍為0~100，單位%。
    線型樣式	拖動滑塊設定指示線的線型樣式，包括線的類型、線的顏色和線的粗細值，取值範圍為0~20，單位%。 說明 線型支援數字輸入，如4,4，第1個數字表示實線長度，第2個數字表示間隔長度。

  • 主表徵圖：設定該條件下標籤中主表徵圖的樣式。單擊左側表徵圖，可控制主表徵圖樣式的開啟或關閉。

    參數	說明
    表徵圖形狀	資訊標籤層標籤內主表徵圖的形狀樣式，您可以單擊樣式右側的下拉選項框，選擇系統內建多種表徵圖樣式；也可在下拉框面板的輸入框內自訂輸入圖片的URL地址，將遠程伺服器上的圖片作為標籤表徵圖；或者單擊輸入框右側的表徵圖，上傳本地圖片作為標籤表徵圖。
    表徵圖尺寸	設定主表徵圖在寬度和高度上的尺寸大小，取值範圍為0~200，單位px。

資料來源面板

進階面板

此組件無事件配置。

藍圖互動

1. 單擊頁面左上方的表徵圖，進入藍圖頁面。

2. 在圖層節點頁簽下，添加當前組件至主畫布中。

3. 查看藍圖配置參數。

   • 事件

     事件	說明
     當資料介面請求完成時	資料介面請求返回並經過過濾器處理後拋出的事件，同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料來源頁簽的資料響應結果地區。

   • 動作

     動作	說明
     匯入資料介面	按組件繪製格式處理資料後，匯入組件，重新繪製。不需要重新請求服務端資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料來源頁簽的資料響應結果地區。
     請求資料介面	重新請求服務端資料，上遊資料處理節點或圖層節點拋出的資料將作為參數。例如資訊標籤層配置了API資料來源為https://api.test，傳到請求資料介面動作的資料為{ id: '1'}，則最終請求介面為https://api.test?id=1。
     切換顯隱	切換組件顯示或者隱藏，不需要參數。
     顯示	顯示組件，參考資料樣本。 { "animationType": "",//動畫方式，可選值：fade，不填無動畫。 "animationDuration": 1000,//動畫延遲，單位ms。 "animationEasing": ""//動畫曲線 }
     隱藏	隱藏組件，參考資料樣本。 { "animationType": "",//動畫方式，可選值：fade，不填無動畫。 "animationDuration": 1000,//動畫延遲，單位ms。 "animationEasing": ""//動畫曲線 }
     更新群組件配置	動態更新組件的樣式配置。需要先在組件的樣式面板中，單擊複製配置到剪貼簿，擷取組件配置資料。再根據需要在藍圖編輯器配置頁面的資料處理節點中更改對應樣式的欄位值。