全部產品
Search
文件中心

DataV:混合散點層(v2.x版本)

更新時間:Jun 19, 2024

混合散點層是基礎平面地圖的子組件,能夠以散點的形式表現地理位置上的點資料資訊。混合散點層支援獨立的樣式、資料和互動配置,包括混合散點層的散點樣式、標註樣式、彈框樣式以及互動配置等。本文介紹混合散點層各配置項的含義。

重要 當前為v2.x版本的混合散點層子組件指導文檔,如需查看該子組件v1.x版本的文檔內容詳情,請參見散點層(v1.x版本)
單擊子組件管理下方的混合散點層,進入配置面板配置混合散點層的樣式和資料。
說明 如果子組件管理中沒有混合散點層,說明您還未添加混合散點層子組件,請參見地圖容器(v2.x版本)進行添加。

配置

混合散點層
  • 搜尋配置:單擊配置面板右上方的搜尋配置,可在搜尋配置面板中輸入您需要搜尋的配置項名稱,快速定位到該配置項,系統支援模糊比對。詳情請參見搜尋資產配置

  • 可見層級:設定混合散點層的可見層級值,在設定的層級範圍內混合散點層可見,層級之外不可見。
  • 預設散點配置:設定散點類型、半徑、顏色和邊線選項等參數。
    • 配置類型:配置混合散點層的類型,包括預設配置資料對應表徵圖配置
      • 預設配置
        參數說明
        散點半徑設定散點半徑的大小。
        填充顏色設定散點的填充顏色。
        邊線選項設定散點的邊線顏色和粗細。
      • 資料對應
        參數說明
        散點半徑設定散點半徑的範圍值和半徑預設值大小。
        填充顏色設定資料來源中value值為最大、最小和空時對應散點的顏色。對於value值介於最大值和最小值之間的散點,系統會根據比例將該散點的顏色設定成最大值顏色到最小值顏色的漸層色。只有配置類型選擇資料對應,此選項才會顯示。
        邊線選項設定散點的邊線顏色和粗細。
      • 表徵圖配置:選擇表徵圖配置類型後,散點以表徵圖的形式顯示,您可以在表徵圖配置中設定表徵圖圖片、表徵圖大小、相對位置、以及標註的位移量。不選表徵圖配置類型,散點以圓點的形式顯示,您可以在預設配置資料對應中配置散點的顏色、半徑大小和邊線。
        參數說明
        圖片路徑圖片路徑地區
        • 滑鼠移動到圖片位置,單擊刪除可刪除當前圖片,然後單擊圖片地區或者拖動本地圖片到地區內即可添加一個散點樣式圖。
        • 滑鼠移動到圖片位置,單擊更改可重新上傳本地圖片。
        • 您也可以輸入圖片的URL地址,將遠程伺服器上的圖片作為散點樣式圖。
        圖片尺寸設定散佈圖標的寬度和高度來控製圖片尺寸大小,尺寸取值範圍為0~600,單位px。
        相對位置設定散佈圖標對於散點的相對位置樣式,可選擇底部中心
        標註位移量設定標註表徵圖從水平方向或者垂直方向的位移量值,取值範圍為-600~600,單位px。
    • 系列配置:單擊右側的加號表徵圖垃圾桶表徵圖表徵圖,增加或刪除一個系列。 單擊橫柏拉圖標豎柏拉圖標表徵圖配置多個系列的排列樣式。單擊複製表徵圖表徵圖,即可複製當前選中系列配置內容並新增一個同樣配置的系列。
      參數說明
      類型過濾值與資料來源中的type欄位對應,配置您所設定的type值對應散點的樣式。
      圖 1. 混合散點層類型過濾值樣式散點層類型過濾值配置項
      圖 2. 混合散點層類型過濾值資料過濾實值型別資料
      配置類型設定每一個系列的配置類型,具體請參見配置下的預設散點配置類型來配置對應系列的內容。
    • 標註:散點的文字注釋。單擊標註左側的開關表徵圖表徵圖,可控制標註的顯隱。
      參數說明
      顯示欄位與資料面板中的資料來源配合使用,需要與資料中的某個欄位名匹配。例如設定為name,那麼可視化應用上的散點標註會顯示為name欄位的值。
      圖 3. 混合散點層的標註欄位混合散點層的標註欄位
      圖 4. 混合散點層資料混合散點層資料來源
      文本樣式設定標註文字的字型、文字粗細、字型大小、顏色和陰影色。請參見顏色選取器說明進行修改文本顏色。
      相對位置標註文字相對於散點的位置,包括中心頂部底部左側右側
    • 彈框:在預覽或發佈頁面,單擊散點出現的彈框樣式。單擊左側的開關表徵圖表徵圖,可控制彈框的顯隱。
      說明 開啟彈窗功能需要先設定info欄位。
      • info欄位:開啟開關,設定info欄位作為彈窗內容,該欄位支援配置html標籤;關閉開關,則相容namevalue欄位內容作為彈窗內容。
      • 事件類型:選擇通過點擊滑鼠移入事件作為彈框顯示的類型。
      • 配置選項:彈框樣式的配置項內容,可選擇父容器預設自訂配置
        • 父容器預設:系統內建的預設樣式。
        • 自訂配置:自訂配置彈框的文本樣式、行高比例、圓角半徑等參數。
          參數說明
          文本樣式設定彈框內文本的字型、文字粗細、字型大小、顏色和陰影色,請參見顏色選取器說明進行顏色修改。
          行高比例設定彈框格式的行高比例值。
          圓角半徑設定彈框的圓角半徑值,數值越大圓角越圓。
          外邊距設定彈框內文本與彈框四邊的距離。
          背景色設定彈框的背景色。
          關閉按鈕設定關閉彈框按鈕的顏色、大小、按鈕離頂部的距離和離右側的距離。
    • 互動配置

      懸停樣式:設定滑鼠移至上方時,表徵圖懸停大小相對原始大小的比例值。單擊左側開關表徵圖表徵圖,可控制懸停互動功能的開啟或關閉。

資料

混合散點層資料面板
表 1. 欄位說明
欄位說明
type(可選)多系列配置,與配置面板的系列配置配合使用,來配置散點的類型。
說明 沒有配置系列值或者不在系列值之內的資料點,會使用配置面板中的預設配置進行渲染。
name(可選)散點的標註名稱,可以用於顯示點位標註,與配置面板中的標註欄位對應,來設定特定散點的標註資訊樣式。
lng散點的經度。
lat散點的緯度。
value(可選)散點資料對應值,與配置面板中散點配置資料對應的最大值、最小值和無資料置項配合使用,來設定散點的顏色和大小。
info(可選)自訂滑鼠移動到散點時,彈框浮層中的內容。
iconUrl(可選)自訂散佈圖標的路徑。

互動

混合散點層互動面板
表 2. 互動說明
互動說明
當點擊點時選中啟用,開啟組件互動功能。混合散點層子組件擁有互動配置,當單擊某個散點時拋出回調值,預設拋出資料中的lnglat欄位。具體配置請參見組件回調ID配置
當滑鼠移入時選中啟用,開啟組件互動功能。混合散點層子組件擁有互動配置,當滑鼠移入到散點位置時拋出回調值,預設拋出資料中的lnglat欄位。具體配置請參見組件回調ID配置

藍圖編輯器互動配置

  1. 在畫布編輯器頁面,單擊基礎平面地圖子組件管理列表中混合散點層右側的匯出到藍圖編輯器表徵圖。
  2. 單擊頁面左上方的藍圖表徵圖表徵圖。
  3. 在藍圖編輯器配置頁面,單擊匯入節點欄內的混合散點層組件,在畫布中可以看到如下圖所示的混合散點層的藍圖編輯器配置參數。混合散點層藍圖參數
    • 事件
      事件說明
      當資料介面請求完成時資料介面請求返回並經過過濾器處理後拋出的事件,同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。
      當資料介面請求失敗時資料介面請求失敗時(請求失敗的情況可能是:網路問題或介面報錯等)返回並經過過濾器處理後拋出的事件,同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。
      當點擊點時當單擊混合散點層的散點時拋出的事件,同時拋出該散點對應的經緯度資料項目。
      當滑鼠移入時當滑鼠移入混合散點層的散點時拋出的事件,同時拋出該散點對應的經緯度資料項目。
    • 動作
      動作說明
      請求資料介面重新請求服務端資料,上遊資料處理節點或圖層節點拋出的資料將作為參數。例如混合散點層配置了API資料來源為http://api.test,傳到請求資料介面動作的資料為{ id: '1'},則最終請求介面為http://api.test?id=1
      匯入資料介面按組件繪製格式處理資料後,匯入組件,重新繪製。不需要重新請求服務端資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。
      顯示顯示組件,不需要參數
      隱藏隱藏組件,不需要參數。