本文為您介紹飛線層各配置項的含義。
圖表樣式
飛線層是基礎平面地圖 4.0的子組件,支援獨立的樣式和資料配置,能夠以飛線的形式表現地理位置上兩個點之間的OD資料,可以用來展示兩地之間的關聯資訊,如物流、交易等。
樣式面板
搜尋配置:單擊樣式面板右上方的搜尋配置項表徵圖
,可在搜尋配置面板中輸入您需要搜尋的配置項名稱,快速定位到該配置項,系統支援模糊比對。詳情請參見搜尋配置項。快速樣式:飛線層子組件具備快速樣式功能,您可以根據實際應用情境選擇不同的樣式。
通用:設定飛線層的通用配置項。
參數
說明
可見層級
設定飛線層的可見層級值,在設定的層級範圍內飛線層可見,層級之外不可見。
不透明度
設定飛線層的不透明度值,取值範圍為0~100,單位%,數值越大圖層越不透明。
圖形:設定飛線層的圖形配置項,包括飛線樣式、線頭樣式和起點氣泡樣式和落點氣泡樣式。
參數
說明
飛線樣式
設定飛線線條的樣式。
線型:單擊下拉選項框,選擇一種飛線的線型樣式。
線寬:請參見尺寸映射器使用說明,配置飛線的線寬。
飛線顏色:請參見顏色映射器使用說明,配置飛線的映射顏色樣式。
長度:長度表示的是在飛出間隔和飛行時間兩者確定之後的飛線長度的基礎上乘一個百分比,即當前飛線飛出頻率下的飛線顯示長度比例,取值範圍為0~100,單位%。
弧度:拖動滑塊設定飛線的弧度,取值範圍為0~1。
飛行時間:表示飛線線頭從起點出發到達終點的時間,取值範圍為100~5000,單位ms。
飛出間隔:表示上一條飛線尾部離開起點到下一條飛線從起點出發的時間,飛線相對於起點到終點距離的長度是由飛行時間和飛出間隔決定的,飛出間隔/飛行時間的值越大,飛線就越短,取值範圍為10~3000,單位ms。
動畫類型:選擇飛線的動畫類型,包括同步和隨機。
光暈效果:設定飛線的光暈效果,包括泛光半徑和發光強度。
襯線樣式:設定飛線下襯線的樣式,包括襯線的線型、線寬和顏色。
線頭樣式
設定飛線線頭的樣式。單擊線頭樣式左側的
表徵圖,可控制線頭樣式的顯隱。 線頭類型:飛線線頭部分的類型,可選向量和表徵圖。
向量形狀:選擇一種向量形狀的線頭樣式,當前系統預設選擇耀斑。僅在線頭類型選擇向量時可配置。
顏色:設定當前向量形狀的顏色,僅在線頭類型選擇向量時可配置。
半徑:設定當前向量形狀的圖形半徑。
描邊顏色:設定當前向量形狀的描邊顏色,僅在線頭類型選擇向量時可配置。
描邊粗細:設定當前向量形狀的描邊粗細,範圍為0~5,單位px。僅在線頭類型選擇向量時可配置。
表徵圖形狀:選擇一種表徵圖形狀的線頭樣式,您可以單擊樣式右側的下拉選項框,選擇系統內建多種表徵圖樣式;也可在下拉框面板的輸入框內自訂輸入圖片的URL地址,將遠程伺服器上的圖片作為線頭表徵圖;或者單擊輸入框右側的
表徵圖,上傳本地圖片作為線頭表徵圖。僅在線頭類型選擇表徵圖時可配置。
起點氣泡
設定飛線起點氣泡的樣式。單擊左側的
表徵圖,可控制起點氣泡的顯隱。氣泡半徑:設定起點氣泡的氣泡半徑,請參見尺寸映射器使用說明,配置不同氣泡的映射半徑大小。
表徵圖避讓:通過
表徵圖控制是否開啟表徵圖避讓功能,防止表徵圖之間相互重疊。氣泡樣式:單擊氣泡樣式右側的
或
表徵圖,添加或刪除一個氣泡樣式。單擊
或
表徵圖配置多個氣泡樣式的頁面配置。單擊
表徵圖,即可複製當前選中樣式配置內容並新增一個同樣配置的氣泡樣式。形狀:起點氣泡的表徵圖樣式,您可以單擊樣式右側的下拉選項框,選擇系統內建多種表徵圖樣式;也可在下拉框面板的輸入框內自訂輸入圖片的URL地址,將遠程伺服器上的圖片作為泡泡圖標;或者單擊輸入框右側的
表徵圖,上傳本地圖片作為泡泡圖標。顏色:設定氣泡的顏色樣式,請參見顏色映射器使用說明,配置不同氣泡的映射顏色樣式。
尺寸比例:設定氣泡相對於根據氣泡半徑配置項產生的表徵圖的縮放比例,範圍為0~1。
動畫:設定氣泡呼吸動畫。
類型:設定氣泡的動畫類型,包括旋轉、呼吸、漸現、發光和擴散。
速度:設定氣泡的動畫執行類型,包括同步和自訂。同步表示氣泡呼吸動畫與飛線動畫保持同步。當選擇自訂時,可以設定自訂速度,範圍為500~5000,單位ms。
延遲:設定氣泡的動畫延遲時間,範圍為0~1000,單位ms。
縮放範圍:設定氣泡呼吸的縮放範圍,範圍為1~5。當動畫類型選擇呼吸時可配置。
透明度範圍:拖動滑塊,設定氣泡漸現的透明度範圍,範圍為0~100。當動畫類型選擇漸現時可配置。
發光顏色:設定氣泡的發光顏色,當動畫類型選擇發光時可配置。
發光強度:設定氣泡的發光強度,範圍為1~5。當動畫類型選擇發光時可配置。
發光半徑:設定氣泡的發光半徑,範圍為0~20。當動畫類型選擇發光時可配置。
尺寸校正:當圖片發光邊緣對齊存在異常時,調整此參數以校準尺寸,範圍為-1~1。當動畫類型選擇發光時可配置。
擴散倍數:設定氣泡相對於根據氣泡半徑配置項產生的表徵圖的擴散倍數,範圍為1~5。當動畫類型選擇擴散時可配置。
落點氣泡
設定飛線落點氣泡的樣式。單擊左側的
表徵圖,可控制落點氣泡的顯隱。氣泡半徑:設定落點氣泡的氣泡半徑,請參見尺寸映射器使用說明,配置不同氣泡的映射半徑大小。
表徵圖避讓:通過
表徵圖控制是否開啟表徵圖避讓功能,防止表徵圖之間相互重疊。氣泡樣式:單擊氣泡樣式右側的
或
表徵圖,添加或刪除一個氣泡樣式。單擊
或
表徵圖配置多個氣泡樣式的頁面配置。單擊
表徵圖,即可複製當前選中樣式配置內容並新增一個同樣配置的氣泡樣式。形狀:落點氣泡的表徵圖樣式,您可以單擊樣式右側的下拉選項框,選擇系統內建多種表徵圖樣式;也可在下拉框面板的輸入框內自訂輸入圖片的URL地址,將遠程伺服器上的圖片作為泡泡圖標;或者單擊輸入框右側的
表徵圖,上傳本地圖片作為泡泡圖標。顏色:設定氣泡的顏色樣式,請參見顏色映射器使用說明,配置不同氣泡的映射顏色樣式。
尺寸比例:設定氣泡相對於根據氣泡半徑配置項產生的表徵圖的縮放比例,範圍為0~1。
動畫:設定氣泡呼吸動畫。
類型:設定氣泡的動畫類型,包括旋轉、呼吸、漸現、發光和擴散。
速度:設定氣泡的動畫執行類型,包括同步和自訂。同步表示氣泡呼吸動畫與飛線動畫保持同步。當選擇自訂時,可以設定自訂速度,範圍為500~5000,單位ms。
延遲:設定氣泡的動畫延遲時間,範圍為0~1000,單位ms。
縮放範圍:設定氣泡呼吸的縮放範圍,範圍為1~5。當動畫類型選擇呼吸時可配置。
透明度範圍:拖動滑塊,設定氣泡漸現的透明度範圍,範圍為0~100。當動畫類型選擇漸現時可配置。
發光顏色:設定氣泡的發光顏色,當動畫類型選擇發光時可配置。
發光強度:設定氣泡的發光強度,範圍為1~5。當動畫類型選擇發光時可配置。
發光半徑:設定氣泡的發光半徑,範圍為0~20。當動畫類型選擇發光時可配置。
尺寸校正:當圖片發光邊緣對齊存在異常時,調整此參數以校準尺寸,範圍為-1~1。當動畫類型選擇發光時可配置。
擴散倍數:設定氣泡相對於根據氣泡半徑配置項產生的表徵圖的擴散倍數,範圍為1~5。當動畫類型選擇擴散時可配置。
互動:飛線層的互動配置項。
圖形互動:在預覽或發佈頁面,單擊氣泡出現的圖形互動樣式。單擊左側的
表徵圖,可控制是否開啟圖形互動功能。尺寸縮放:拖動滑塊設定氣泡尺寸縮放的範圍,取值範圍為1~2。
醒目提示:設定互動時飛線的醒目提示。
標籤:設定飛線層內標籤的樣式參數。
參數
說明
顯示標籤
開啟開關,飛線層顯示標籤樣式。
顯示方式
設定飛線層的標籤顯示方式,可選,包括點擊和懸浮兩種方式。
指示線
設定標籤指示線樣式,包括基于飛線終點、橫線佔比和線型樣式。
終點位移:設定指示線基于飛線終點的水平位移和垂直位移,範圍為-500~500,單位px。
橫線佔比:設定指示線的橫線佔比,範圍為0~100。
線型樣式:設定指示線的線型、線粗細和線的顏色。
背景樣式
設定飛線層內標籤的背景樣式參數,單擊背景樣式左側的
表徵圖,可控制背景樣式的顯隱。背景類型:標籤背景的類型,可選向量和圖片。
背景顏色:設定標籤的背景顏色,僅在背景類型選擇向量時可配置。
邊框樣式:設定標籤邊框的樣式,包括邊框的線類型,線寬的值和顏色。僅在背景類型選擇向量時可配置。
邊框圓角:設定標籤邊框的圓角在四個方向的值,單位為px。僅在背景類型選擇向量時可配置。
圖片模板:選擇背景圖片的模板樣式,僅在圖片模板選擇圖片時可配置。
不透明度:設定背景圖片的不透明度值,取值範圍為0~100,僅在圖片模板選擇圖片時可配置。
背景陰影:標籤的背景陰影樣式,包括設定陰影的顏色、陰影模糊值和陰影位移度在x和y方向上的值,單擊背景陰影左側的
表徵圖,可控制背景陰影的顯隱。內容邊距:設定標籤中的內容距離上下左右四個方向的邊距值。
起點標籤
設定飛線層起點標籤的內容樣式。單擊氣泡樣式右側的
或
表徵圖,添加或刪除一個每行內容樣式。單擊
或
表徵圖配置多個每行內容樣式的顯示布局。單擊
表徵圖,即可複製當前選中內容樣式配置內容並新增一個同樣配置的每行內容。列欄位:行內容的欄位名稱,需要與地理資料中欄位名稱匹配使用。
欄位樣式:設定列欄位樣式,包括欄位的字型樣式、字型大小大小、顏色和粗細值。
欄位首碼:設定欄位首碼的具體內容、內容間隔值、字型、字型大小大小、顏色和粗細值。單擊欄位首碼左側的
表徵圖,可控制欄位首碼樣式的顯隱。欄位尾碼:設定欄位尾碼的具體內容 、內容間隔值、字型、字型大小大小、顏色和粗細值。單擊欄位尾碼左側的
表徵圖,可控制欄位尾碼樣式的顯隱。最大寬度:設定標籤顯示的單行最大寬度,單位px,超出內容顯示方式由文本溢出配置項決定。
文本溢出:設定標籤中文本溢出的解決方式,包括切斷和換行。
行高比例:標籤的行高比例值,取值範圍為1~2。
內容描邊:標籤的內容描邊樣式,包括設定描邊的顏色和描邊粗細值,單擊內容描邊左側的
表徵圖,可控制內容描邊的顯隱。內容陰影:標籤的內容陰影樣式,包括設定陰影的顏色、陰影模糊值和陰影位移度在x和y方向上的值,單擊內容陰影左側的
表徵圖,可控制內容陰影的顯隱。
落點標籤
設定飛線層落點標籤的內容樣式。單擊氣泡樣式右側的
或
表徵圖,添加或刪除一個每行內容樣式。單擊
或
表徵圖配置多個每行內容樣式的顯示布局。單擊
表徵圖,即可複製當前選中內容樣式配置內容並新增一個同樣配置的每行內容。列欄位:行內容的欄位名稱,需要與地理資料中的欄位名稱匹配使用。
欄位樣式:設定列欄位樣式,包括欄位的字型樣式、字型大小大小、顏色和粗細值。
欄位首碼:設定欄位首碼的具體內容、內容間隔值、字型、字型大小大小、顏色和粗細值。單擊欄位首碼左側的
表徵圖,可控制欄位首碼樣式的顯隱。欄位尾碼:設定欄位尾碼的具體內容 、內容間隔值、字型、字型大小大小、顏色和粗細值。單擊欄位尾碼左側的
表徵圖,可控制欄位尾碼樣式的顯隱。最大寬度:設定標籤顯示的單行最大寬度,單位為px,超出內容的顯示方式由文本溢出配置項決定。
文本溢出:設定標籤中文本溢出的解決方式,包括切斷和換行。
行高比例:標籤的行高比例值,取值範圍為1~2。
內容描邊:標籤的內容描邊樣式,包括設定描邊的顏色和描邊粗細值,單擊內容描邊左側的
表徵圖,可控制內容描邊的顯隱。內容陰影:標籤的內容陰影樣式,包括設定陰影的顏色、陰影模糊值和陰影位移度在x和y方向上的值,單擊內容陰影左側的
表徵圖,可控制內容陰影的顯隱。
條件:條件樣式說明。
條件樣式:單擊右側的
或
表徵圖,添加或刪除一個條件樣式。 單擊
或
表徵圖配置多個條件樣式的排列樣式。單擊
表徵圖,即可複製當前選中的條件樣式配置並新增一個同樣配置的條件樣式。具體樣式配置說明,請參見條件樹使用說明。圖形:開啟開關,配置該樣式中的圖形配置項;關閉開關,無法配置該樣式下的圖形配置項。
參數
說明
飛線樣式
設定飛線的飛線樣式,包括飛線的線型,線寬、飛線顏色和長度,可通過
表徵圖,確認在符合當前條件時是否應用當前樣式。襯線樣式
設定飛線的襯線樣式,包括襯線的線型,線寬和長度,可通過
表徵圖,確認在符合當前條件時是否應用當前樣式。線頭樣式
設定飛線的線頭樣式,包括線頭的表徵圖形狀和半徑,可通過
表徵圖,確認在符合當前條件時是否應用當前樣式。
資料來源面板
欄位 | 說明 |
| 飛線在地圖中飛行的空間座標資料。 |
| 可選,飛線的名稱。 |
| 可選,飛線的值。 |
| 可選,飛線的ID唯一標識碼。 |
| 可選,飛線的顏色映射欄位。 |
| 可選,飛線的線寬映射欄位。 |
資料項目配置 | 說明 |
資料來源 | 組件的資料來源中通過代碼編輯或可視化編輯展示了組件所包含的資料欄位。也可以修改資料類型,靈活配置組件資料。 |
資料對應 | 當您需要自訂圖表欄位配置時,可以在資料對應模組設定不同的欄位對應內容,將這些欄位對應到組件對應的欄位上。無需修改資料來源中的欄位,就可以實現資料的即時匹配。也可以單擊 |
過濾器 | 開啟過濾器,選擇已建立的資料過濾器或建立資料過濾器,並配置資料過濾器指令碼,實現資料的篩選功能。詳情請參見管理資料過濾器。 |
資料響應結果 | 即時展示了組件所使用的資料。當組件資料來源發生變化時,資料響應結果會對應展示最新的資料。如果系統反應延遲,您可以單擊右側的 |
禁止載入態 | 勾選複選框,在組件更新和預覽資料看板時,將看不到組件初始化時的載入內容,去勾選則相反。預設為去勾選狀態。 |
受控模式 | 勾選複選框,組件初始化狀態下不請求資料,僅通過全域變數或藍圖編輯器配置的方法發起請求資料;去勾選複選框,可以使用自動更新請求資料。預設為去勾選狀態。 |
自動更新請求 | 勾選複選框,可以手動輸入輪詢的時間頻次設定動態輪詢。清除後則不會自動更新,需要手動重新整理頁面,或通過藍圖編輯器和全域變數事件來觸發請求更新資料。 |
進階面板
互動 | 說明 |
當點擊飛線時 | 開啟開關,開啟關聯全域變數功能。當單擊某條飛線時拋出臨時變數,預設拋出資料中的 |
當滑鼠移入飛線時 | 開啟開關,開啟關聯全域變數功能。當滑鼠移入飛線時拋出臨時變數,預設拋出資料中的 |
藍圖互動
單擊頁面左上方的
表徵圖,進入藍圖頁面。在圖層節點頁簽下,添加當前組件至主畫布中。
查看藍圖配置參數。

事件
事件
說明
當資料介面請求完成時
資料介面請求返回並經過過濾器處理後拋出的事件,同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料來源頁簽的資料響應結果地區。
當點擊飛線時
當單擊飛線層的飛線時拋出的事件,同時拋出該飛線對應的經緯度資料項目。
當滑鼠移入時
當滑鼠移入飛線層的飛線時拋出的事件,同時拋出該飛線對應的經緯度資料項目。
動作
動作
說明
匯入資料介面
按組件繪製格式處理資料後,匯入組件,重新繪製。不需要重新請求服務端資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料來源頁簽的資料響應結果地區。
請求資料介面
重新請求服務端資料,上遊資料處理節點或圖層節點拋出的資料將作為參數。例如飛線層配置了API資料來源為
https://api.test,傳到請求資料介面動作的資料為{ id: '1'},則最終請求介面為https://api.test?id=1。切換顯隱
切換組件顯示或者隱藏,不需要參數。
顯示
顯示組件,參考資料樣本。
{ "animationType": "",//動畫方式,可選值:fade,不填無動畫。 "animationDuration": 1000,//動畫延遲,單位ms。 "animationEasing": ""//動畫曲線 }隱藏
隱藏組件,參考資料樣本。
{ "animationType": "",//動畫方式,可選值:fade,不填無動畫。 "animationDuration": 1000,//動畫延遲,單位ms。 "animationEasing": ""//動畫曲線 }更新群組件配置
動態更新組件的樣式配置。需要先在組件的樣式面板中,單擊複製配置到剪貼簿,擷取組件配置資料。再根據需要在藍圖編輯器配置頁面的資料處理節點中更改對應樣式的欄位值。
表徵圖對欄位分別樣式配置。
表徵圖,查看資料響應結果,也可以單擊右側的
表徵圖,擷取組件的最新資料。您也可以單擊查看樣本,查看當前組件的響應結果樣本。