線熱力層是基礎平面地圖的子組件,支援獨立的樣式、資料和互動配置,能夠以熱力線的形式表現地理位置上的線路資訊,適用於地圖上線路圖的大屏展示,例如展示地鐵線路圖。本文介紹線熱力層各配置項的含義。
重要 當前為v2.x版本的線熱力層子組件指導文檔,如需查看該子組件v1.x版本的文檔內容詳情,請參見線熱力層(v1.x版本)。
單擊子組件管理下方的線熱力層,進入配置面板配置線熱力層的樣式和資料。
說明 如果子組件管理中沒有線熱力層,說明您還未添加線熱力層子組件,請參見地圖容器(v2.x版本)進行添加。
配置
搜尋配置:單擊配置面板右上方的搜尋配置,可在搜尋配置面板中輸入您需要搜尋的配置項名稱,快速定位到該配置項,系統支援模糊比對。詳情請參見搜尋資產配置。
- 可見層級:設定線熱力層的可見層級值,在設定的層級範圍內線熱力層可見,層級之外不可見。
- 線樣式:設定線條配置類型、線顏色、線粗細和線類型等參數。
參數 說明 配置類型 配置類型包括預設配置和資料對應。 線顏色 - 當選擇配置類型為預設配置時,熱力線顏色預設設定為一種顏色。
- 當選擇配置類型為資料對應時,資料value值最大、最小、為空白時對應的熱力線的顏色,請參見顏色選取器說明進行修改。處於最大值和最小值之間的線,根據value值對應成最大值到最小值之間的漸層顏色。
圖 1. 線熱力層顏色配置項v2.x 
圖 2. 線熱力層資料來源v2.x 
重要 如果資料中設定了color欄位,則線的顏色以color欄位為準。線粗細 熱力線的粗細。 線類型 熱力線的類型。 - 系列配置:單擊右側的
或
表徵圖,增加或刪除一個系列。 單擊
或
表徵圖配置多個資料數列的排列樣式。 參數 說明 類型過濾值 與資料來源中的type欄位對應,配置您所設定的type值對應散點熱力線的樣式。 配置類型/線顏色/線粗細 設定每一個系列的配置類型、線顏色和線粗細,具體請參見配置下的線樣式。 - 彈框:在預覽或發佈頁面,單擊熱力線,顯示線的詳細資料彈框樣式。單擊彈框左側的
表徵圖,可控制彈框的顯隱。 說明 開啟彈窗功能需要先設定info欄位。- info欄位:開啟開關,開啟info欄位,設定info欄位作為彈窗內容,該欄位支援配置html標籤;如果關閉info欄位開關,則相容name和value欄位內容作為彈窗內容。
- 事件類型:選擇通過點擊或滑鼠移入事件作為彈框顯示的類型。
- 配置選項:彈框樣式的配置項內容,可選擇父容器預設或自訂配置。
- 父容器預設:系統內建的預設樣式。
- 自訂配置:自訂配置彈框的文本樣式、行高比例和圓角半徑等參數。
參數 說明 文本樣式 設定彈框內文本的字型、文字粗細、字型大小、顏色和陰影色,請參見顏色選取器說明進行顏色修改。 行高比例 設定彈框格式的行高比例值。 圓角半徑 設定彈框的圓角半徑值,數值越大圓角越圓。 外邊距 設定彈框內文本與彈框四邊的距離。 背景色 設定彈框的背景色。 關閉按鈕 設定關閉彈框按鈕的顏色、大小、按鈕離頂部的距離和離右側的距離。
- 互動配置
參數 說明 懸停樣式 單擊懸停樣式左側
表徵圖,可控制懸停互動功能的開啟或關閉。開啟後可設定滑鼠移至上方時的熱力線的顏色、粗細和類型,僅在預覽或發布時才能看到效果。點擊聚焦 單擊左側
表徵圖,可控制點擊聚焦互動功能的開啟或關閉。開啟後,單擊熱力線,會根據熱力線的位置進行一定範圍比例的聚焦,僅在預覽或發布時才能看到效果。
資料
該組件需要配置兩個資料來源,地理邊界geojson資料介面和熱力值資料介面。

- 地理邊界geojson資料介面:geojson類型的資料,要求類型為 LineString。如果需要跟映射資料對應,必須保證有唯一的 link_id 或者 id 欄位。關於geojson的標準可以參見 geojson.org。 說明 properties欄位對應配置面板中的彈窗資訊,您可以自訂該欄位值進行配置。
- 熱力值資料介面

上圖中的樣本JSON代碼如下。
[ { "link_id": 1, "value": 1, "info": "名稱:1</br>數值:1" }, { "link_id": 2, "type": "type1", "value": 20 }, { "link_id": 3, "type": "type1", "value": 3 }, { "link_id": 4, "type": "type1", "value": 4 }, { "link_id": 5, "type": "type2", "value": 5 }, { "link_id": 6, "type": "type2", "value": 5 }, { "link_id": 7, "value": 7 }, { "link_id": 8, "value": 8 } ]表 1. 欄位說明 欄位 說明 link_id 線關聯ID,通過該欄位,與向量線資料進行對應。 type 線類型,與配置面板中系列類型過濾值對應。 value 線的權重值,是配置面板中設定最大值、最小值、空值顏色的依據。 info (可選)彈窗內容,如果為空白,則彈窗資訊顯示為對應的向量線資料中的properties欄位的內容。如果不為空白,彈窗資訊顯示為info欄位的內容。 color (可選)線熱力層支援資料優先的渲染,如果您配置了color(線顏色)、weight(線寬)、dashArray(虛線)等欄位,那麼會優先使用這些屬性來對關聯的線進行渲染。
互動
藍圖編輯器互動配置
- 在畫布編輯器頁面,單擊基礎平面地圖子組件管理列表中線熱力層右側的
表徵圖。 - 單擊頁面左上方的
表徵圖。 - 在藍圖編輯器配置頁面,單擊匯入節點欄內的線熱力層組件,在畫布中可以看到如下圖所示的線熱力層的藍圖編輯器配置參數。

- 事件
事件 說明 當地理邊界geojson資料介面請求完成時 地理邊界geojson資料介面請求返回並經過過濾器處理後拋出的事件,同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。 當熱力值資料介面請求完成時 熱力值資料介面請求返回並經過過濾器處理後拋出的事件,同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。 當地理邊界geojson資料介面請求失敗時 地理邊界geojson資料介面請求失敗時(請求失敗的情況可能是:網路問題或介面報錯等)返回並經過過濾器處理後拋出的事件,同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。 當熱力值資料介面請求失敗時 熱力值資料介面請求失敗時(請求失敗的情況可能是:網路問題或介面報錯等)返回並經過過濾器處理後拋出的事件,同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。 當點擊線時 當單擊某條線時觸發事件,拋出link_id欄位資料。 當滑鼠移入時 當滑鼠移入某條線時觸發事件,拋出link_id欄位資料。 - 動作
動作 說明 請求地理邊界geojson資料介面 重新請求服務端資料,上遊資料處理節點或圖層節點拋出的資料將作為參數。例如線熱力層配置了API資料來源為 https://api.test,傳到請求地理邊界geojson資料動作的資料為{ id: '1'},則最終請求介面為https://api.test?id=1。請求熱力值資料介面 重新請求服務端資料,上遊資料處理節點或圖層節點拋出的資料將作為參數。例如線熱力層配置了API資料來源為 https://api.test,傳到請求熱力值資料動作的資料為{ id: '1'},則最終請求介面為https://api.test?id=1。匯入地理邊界geojson資料介面 按組件繪製格式處理資料後,匯入組件,重新繪製。不需要重新請求服務端資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。 匯入熱力值資料介面 按組件繪製格式處理資料後,匯入組件,重新繪製。不需要重新請求服務端資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料頁簽的資料響應結果地區。 顯示 顯示組件,不需要參數。 隱藏 隱藏組件,不需要參數。
- 事件
