全部產品
Search
文件中心

DataV:散點層(v1.x版本)

更新時間:Jun 19, 2024

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

單擊子組件管理下方的散點層,進入配置面板配置散點層的樣式和資料。

配置

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

  • 預設配置
    • 回調ID:設定組件之間資料聯動的變數,需要配置為資料中的某一個欄位。
      重要 此功能已更新到互動面板中,配置面板的該功能將棄用,請儘快升級。新版本的互動功能支援配置多個欄位。
    • 標註:散點的文字注釋。單擊標註右側的眼睛表徵圖表徵圖,可控制標註的顯隱。
      • 標註欄位:與資料面板中的資料來源配合使用,需要與資料中的某個欄位名匹配。例如設定為name,那麼可視化應用上的散點標註會顯示為name欄位的值。
        圖 1. 散點層的標註欄位散點層的標註欄位
        圖 2. 散點層資料散點層資料來源
      • 顏色:標註文字的顏色,請參見顏色選取器說明進行修改。
      • 陰影色:標註文字的陰影色。
      • 字型:標註文字的字型。
      • 字型大小:標註文字的大小。
      • 標註位置:標註文字相對於散點的位置,包括中心頂部置中底部置中左側右側
    • 表徵圖:開啟開關,散點以表徵圖的形式顯示,您可以在表徵圖配置中設定表徵圖圖片、表徵圖大小、位移方式、以及標註的位移。去勾選,散點以圓點的形式顯示,您可以在散點配置中配置散點的顏色、大小和邊線。
      • 表徵圖配置
        • 表徵圖大小:散佈圖標的大小。
        • 表徵圖圖片
          • 滑鼠移動到圖片位置,單擊刪除可刪除當前圖片,然後單擊圖片地區或者拖動本地圖片到地區內即可添加一個散佈圖標。
          • 滑鼠移動到圖片位置,單擊更改可重新上傳本地圖片。
          • 您也可以輸入圖片的URL地址,將遠程伺服器上的圖片作為散佈圖標。
        • 表徵圖位置:表徵圖的位置,可選擇底部置中中心
        • 標註X位移:標註相對於散點的X位移量,取值範圍為-100~100,單位為px。
        • 標註Y位移:標註相對於散點的Y位移量,取值範圍為-100~100,單位為px。
      • 散點配置
        • 資料對應:開啟開關,可以根據資料來源中value值的大小,設定散點的顏色和大小。
        • 填充顏色:設定資料來源中value值為最大、最小和空時對應散點的顏色。對於value值介於最大值和最小值之間的散點,系統會根據比例將該散點的顏色設定成最大值顏色到最小值顏色的漸層色。只有開啟了資料對應,此選項才會顯示。
        • 散點大小:設定資料來源中value值為最大、最小和空時對應散點的大小。對於value值介於最大值和最小值之間的散點,系統會根據比例將該散點的大小設定成最大和最小的散點之間。只有開啟了資料對應,此選項才會顯示。
        • 邊線選項:設定散點邊線的顏色和粗細。
    • 彈框樣式:在預覽或發佈頁面,單擊散點出現的彈框樣式。
      • 字型顏色:彈框文字的顏色。
      • 字型大小:彈框文字的大小。
  • 系列配置:單擊右側的加號表徵圖垃圾桶表徵圖表徵圖,增加或刪除一個系列。單擊橫柏拉圖標豎柏拉圖標表徵圖配置多個系列的排列樣式。
    • 類型過濾值:與資料來源中的type欄位對應,配置您所設定的type值對應散點的樣式。
      圖 3. 散點層類型過濾值樣式散點層類型過濾值配置項
      圖 4. 散點層類型過濾值資料散點層資料來源
    • 表徵圖:開啟開關,散點以表徵圖的形式顯示,您可以在表徵圖配置中設定表徵圖圖片、表徵圖大小、位移方式、以及標註的位移。關閉開關,散點以圓點的形式顯示,您可以在散點配置中配置散點的顏色、大小和邊線,詳細配置方法請參見預設配置

資料

散點層資料面板

單擊此處下載上圖中的樣本JSON代碼。

表 1. 參數說明
參數說明
lat散點的緯度。
lng散點的經度。
type(可選)多系列配置,與配置面板的系列配置配合使用,來配置散點的類型。
說明 沒有配置系列值或者不在系列值之內的資料點,會使用配置面板中的預設配置進行渲染。
info(可選)單擊散點,出現的彈窗資訊。
iconUrl(可選)散佈圖標的URL地址。
value(可選)散點資料對應,與配置面板中散點配置的最大值、最小值和無資料配置項配合使用,來設定散點的顏色和大小。
name(可選)散點的標註名稱,可以用於顯示點位標註,與配置面板中的標註欄位對應,來設定特定散點的標註資訊樣式。
rotationAngle(可選)散佈圖標的旋轉角度,單位預設為度(°)。需要在配置面板中開啟表徵圖配置項,並進行表徵圖配置(上傳一個自訂表徵圖或者在資料來源中自訂iconUrl),此參數才會生效。

互動

選中啟用,開啟組件互動功能。散點層子組件擁有互動配置,可單擊某個散點拋出回調值,預設拋出資料中的lnglat欄位。具體配置請參見組件回調ID配置

散點層互動面板

藍圖編輯器互動配置

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