本文介紹符號聚合層的圖表樣式和各配置項的含義。
圖表樣式
符號聚合層是基礎平面地圖 3.0的子組件,支持獨立的樣式和數據配置,包括符號的尺寸大小、顏色和標注等,能夠以聚合符號的形式表現地理位置上的點的分布密度。
配置面板
搜索配置:單擊配置面板右上角的搜索配置,可在搜索配置面板中輸入您需要搜索的配置項名稱,快速定位到該配置項,系統支持模糊匹配。詳情請參見搜索資產配置。
通用:設置符號聚合層的通用配置項。
參數
說明
可見級別
設置符號聚合層的可見級別值,在設定的級別范圍內符號聚合層可見,級別之外不可見。
不透明度
設置符號聚合層的不透明度值,取值范圍為0~100,單位%,數值越大圖層越不透明。
圖形:設置符號聚合層的圖形配置項。
參數
說明
聚合形狀
設置符號聚合形狀的樣式,可選矢量和符號。
說明矢量類型支持描邊;符號類型不支持描邊。
矢量形狀
設置矢量型聚合圖型的形狀樣式,可選圓形和六邊形兩種。僅在聚合形狀選中為矢量時可配置。
符號形狀
設置符號型聚合圖型的形狀樣式,內置多種圖形樣式。僅在聚合形狀選中為符號時可配置。
形狀半徑
設置矢量型聚合圖型的形狀半徑大小值,請參見尺寸映射器使用說明,配置不同符號的映射半徑尺寸樣式。
填充顏色
設置矢量型聚合圖型的填充顏色,請參見顏色映射器使用說明,配置不同符號的映射顏色樣式。
矢量描邊
設置矢量聚合圖型的描邊線的顏色和描邊線的粗細值,取值范圍為0~20,單位px。僅在聚合形狀選中為矢量時可配置。
聚合標注
符號聚合時標注的文本樣式,包括標注的字體樣式、文字粗細、字號大小和顏色。
單點圖標
設置單個符號點圖標的樣式。
圖標形狀:設置單點圖標的形狀樣式,可參見形狀映射器使用說明,配置不同符號的映射形狀樣式。
圖標尺寸:拖動滑塊設置單點圖標的尺寸,包括圖標的寬度和高度的值,單位px。
相對位置:設置圖標與符號點的相對位置樣式,包括底部和中心。
相對偏移:設置圖標在水平和垂直方向的相對偏移值,取值范圍為-100~100,單位px。
標簽:設置符號聚合層內標簽的樣式參數。
參數
說明
顯示標簽
打開開關,符號聚合層顯示標簽樣式。
顯示方式
設置符號聚合層的標簽顯示的方式,可選,包括全顯、點擊和懸浮三種方式。
相對位置
設置符號聚合層的標簽的相對位置樣式,可選,包括左側、中心、右側、頂部和底部。
相對偏移
設置符號聚合層的標簽在水平和垂直方向的相對偏移值,單位px,取值范圍為-100~100。
內容樣式
設置符號聚合層標簽的內容樣式。單擊每行樣式右側的或圖標,添加或刪除一個每行內容樣式。 單擊或圖標配置多個每行內容樣式的排列方式。單擊圖標,即可復制當前選中的每行樣式配置并新增一個同樣配置的每行樣式。
行字段:行內容的字段名稱,需要和數據面板中的字段相匹配。
字段樣式:設置行字段樣式,包括字段的字體樣式、字號大小、顏色和粗細值。
字段前綴:設置字段前綴的具體內容 、內容間隔值、字體、字號大小、顏色和粗細值。單擊字段前綴左側的圖標,可控制字段前綴樣式的顯隱。
字段后綴:設置字段后綴的具體內容 、內容間隔值、字體、字號大小、顏色和粗細值。單擊字段后綴左側的圖標,可控制字段后綴樣式的顯隱。
字段寬度:標簽的顯示字段的寬度樣式,包括字段的適應類型方式,可選自適應或固定寬度,并根據適應類型設置字段寬度的值,單位px。
行高比例:標簽的行高比例值,取值范圍為1~2。
內容描邊:標簽的內容描邊樣式,包括設置描邊的顏色和描邊粗細值,單擊內容描邊左側的圖標,可控制內容描邊的顯隱。
內容陰影:標簽的內容陰影樣式,包括設置陰影的顏色、陰影模糊值和陰影偏移度在x和y方向上的值,單擊內容陰影左側的圖標,可控制內容陰影的顯隱。
背景樣式
設置符號聚合層內標簽的背景樣式參數,單擊背景樣式左側的圖標,可控制背景樣式的顯隱。
背景類型:標簽背景的類型,可選矢量和圖片。
背景顏色:設置標簽的背景顏色,僅在背景類型選擇矢量時可配置。
邊框樣式:設置標簽邊框的樣式,包括邊框的線類型,線寬的值和顏色。僅在背景類型選擇矢量時可配置。
邊框圓角:設置標簽邊框的圓角在四個方向的值,單位px。僅在背景類型選擇矢量時可配置。
圖片模板:選擇背景圖片的模板樣式,僅在圖片模板選擇圖片時可配置。
不透明度:設置背景圖片的不透明度值,取值范圍為0~100,僅在圖片模板選擇圖片時可配置。
內容邊距:設置標簽中的內容距離上下左右四個方向的邊距值。
交互:符號聚合層的交互配置項。
圖形交互:在預覽或發布頁面,單擊符號時出現的圖形交互樣式。單擊圖形交互左側的圖標,可控制圖形交互的顯隱。
參數
說明
尺寸縮放
拖動滑塊設置符號尺寸縮放的范圍,取值范圍為1~2。
點擊聚焦
拖動滑塊,設置當點擊符號時的視角聚焦的范圍值,取值范圍為1~10。
條件:條件樣式說明。
條件樣式:單擊右側的或圖標,添加或刪除一個條件樣式。 單擊或圖標配置多個條件樣式的排列樣式。單擊圖標,即可復制當前選中條件樣式配置內容并新增一個同樣配置的條件樣式。具體配置請參見條件樹使用說明。
圖形:打開開關,配置該樣式中的圖形配置項;關閉開關,無法配置該樣式下的圖形配置項。
參數
說明
圖標形狀
單擊圖標形狀左側的圖標,可控制該條件下的符號形狀樣式的顯隱。
圖標尺寸
單擊圖標尺寸左側的圖標,可控制該條件下的符號在寬度和高度的尺寸樣式顯隱。
相對位置
單擊相對位置左側的圖標,可控制該條件下的符號相對位置樣式顯隱。
相對偏移
單擊相對偏移左側的圖標,可控制該條件下的符號在水平和垂直方向相對偏移量樣式顯隱。
自定義彈框樣式:設置符號聚合層內自定義彈框的樣式參數。
參數
說明
彈框開關
打開開關,可以通過點擊或懸浮觸發彈框。
顯示方式
設置符號聚合層彈框顯示的方式,可選,包括點擊和懸浮兩種方式。
相對偏移
設置彈窗在水平和垂直方向的相對偏移像素距離,取值范圍為-1000~1000,單位px。
文本樣式
設置彈框內的文本樣式,包括文本的字體樣式、字號大小、顏色和文本粗細值。
顯示空值
打開開關,在無
info
字段或空info
字段對象上可以彈框顯示為“無數據”。彈框樣式
內邊距:設置彈框文本的內容距離上下左右四個方向的邊距值。
邊框樣式:設置彈框邊框的圓角值、線寬和顏色。
背景顏色:設置彈框的背景顏色。
投影樣式:設置彈框投影的模糊色、模糊半徑、X偏移和Y偏移。
關閉按鈕:打開開關,符號聚合層的彈框顯示關閉按鈕和按鈕的顏色。
指向箭頭:打開開關,符號聚合層的彈框顯示指向箭頭。
數據面板(默認方式)
配置字段說明
字段 | 說明 |
type | 符號點的數據分類。 |
name | (可選)符號點的標注名稱。 |
lng | 符號點的經度。 |
lat | 符號點的緯度。 |
value | (可選)符號點在配置項內用于數據映的值,缺失則按無數據配置渲染。 |
id | (可選)符號點的唯一標識信息。 |
iconField | (可選)符號點的形狀映射字段。 |
popupType | (可選)彈框類型(需要搭配二次開發功能使用)。 |
info | (可選)自定義彈框內容。 |
配置項 | 說明 |
受控模式 | 打開開關,資產初始化狀態下不請求數據,僅通過回調ID或藍圖編輯器配置的方法發起請求數據;關閉開關,可以使用自動更新請求數據。開關默認為關閉狀態。 |
自動更新請求 | 選中后可以設置動態輪詢,還可以手動輸入輪詢的時間頻次。取消選中后則不會自動更新,需要手動刷新頁面,或通過藍圖編輯器和回調ID事件來觸發請求更新數據。 |
數據源 | 單擊配置數據源,可在設置數據源面板中修改數據源類型和數據查詢代碼、預覽數據源返回結果以及查看數據響應結果,詳情請參見配置資產數據。 |
數據過濾器 | 數據過濾器提供數據結構轉換、篩選和一些簡單的計算功能。單擊添加過濾器,可在設置數據源面板配置數據過濾器腳本,詳情請參見過濾器使用說明。 |
數據響應結果 | 展示數據請求的響應結果。當數據源發生改變時,可單擊右側的圖標,實時查看數據響應結果。 |
數據面板(分析模式)
符號聚合層子組件BI分析數據配置面板中的詳細操作說明,請參見BI分析模式數據面板功能介紹。
配置字段說明
字段 | 說明 |
lng | 符號點的經度。 |
lat | 符號點的緯度。 |
type | 符號點的數據分類。 |
name | (可選)符號點的標注名稱。 |
value | (可選)符號點在配置項內用于數據映的值,缺失則按無數據配置渲染。 |
id | (可選)符號點的唯一標識信息。 |
iconField | (可選)符號點的形狀映射字段。 |
popupType | (可選)彈框類型(需要搭配二次開發功能使用)。 |
info | (可選)自定義彈框內容。 |
交互面板
交互說明
交互 | 說明 |
當點擊點時 | 選中啟用,開啟組件交互功能。符號聚合層子組件擁有交互配置,當單擊某個符號點時拋出回調值,默認拋出數據中的 |
當鼠標移入時 | 選中啟用,開啟組件交互功能。符號聚合層子組件擁有交互配置,當鼠標移入到符號點位置時拋出回調值,默認拋出數據中的 |
藍圖編輯器交互配置
在畫布編輯器頁面,單擊基礎平面地圖 3.0子組件管理列表中符號聚合層右側的圖標。
單擊頁面左上角的圖標。
在藍圖編輯器配置頁面,單擊導入節點欄內的符號聚合層組件,在畫布中可以看到如下圖所示的符號聚合層的藍圖編輯器配置參數。
事件
事件
說明
當數據接口請求完成時
數據接口請求返回并經過過濾器處理后拋出的事件,同時拋出處理后的JSON格式的數據。具體數據示例請參見畫布編輯器中組件右側配置面板數據頁簽的數據響應結果區域。
當數據接口請求失敗時
數據接口請求失敗時(請求失敗的情況可能是:網絡問題或接口報錯等)返回并經過過濾器處理后拋出的事件,同時拋出處理后的JSON格式的數據。具體數據示例請參見畫布編輯器中組件右側配置面板數據頁簽的數據響應結果區域。
當點擊點時
當單擊符號聚合層的符號點時拋出的事件,同時拋出該符號點對應的經緯度數據項。
當鼠標移入時
當鼠標移入符號聚合層的符號點時拋出的事件,同時拋出該符號點對應的經緯度數據項。
動作
動作
說明
請求數據接口
重新請求服務端數據,上游數據處理節點或圖層節點拋出的數據將作為參數。例如符號聚合層配置了API數據源為
https://api.test
,傳到請求數據接口動作的數據為{ id: '1'}
,則最終請求接口為https://api.test?id=1
。導入數據接口
按組件繪制格式處理數據后,導入組件,重新繪制。不需要重新請求服務端數據。具體數據示例請參見畫布編輯器中組件右側配置面板數據頁簽的數據響應結果區域。
顯示
顯示組件,不需要參數。
隱藏
隱藏組件,不需要參數。