本文介紹輪播標簽層的圖表樣式和各配置項的含義。
圖表樣式
輪播標簽層是基礎平面地圖 3.0的子組件,支持獨立的樣式、數據和交互配置,包括圖標的尺寸形狀樣式、輪播效果樣式等,能夠以輪播圖標的形式表現地理位置上標簽信息。
配置面板
搜索配置:單擊配置面板右上角的搜索配置,可在搜索配置面板中輸入您需要搜索的配置項名稱,快速定位到該配置項,系統支持模糊匹配。詳情請參見搜索資產配置。
通用:設置輪播標簽層的通用配置項。
參數
說明
可見級別
設置輪播標簽層的可見級別值,在設定的級別范圍內可見,級別之外不可見。
不透明度
輪播標簽層的不透明度,范圍為0~100,單位%。數值越大輪播標簽層越不透明。
圖形:設置輪播標簽層的圖形配置項。
參數
說明
圖標形狀
輪播標簽層標簽內圖標的形狀樣式,您可以單擊樣式右側的下拉選項框,選擇系統內置多種圖標樣式;也可在下拉框面板的輸入框內自定義輸入圖片的URL地址,將遠程服務器上的圖片作為標簽圖標;或者單擊輸入框右側的圖標,上傳本地圖片作為標簽圖標。
圖標尺寸
設置圖標在寬度和高度上的尺寸大小,取值范圍為0~200,單位px。
圖標偏移
設置圖標在標簽內的水平和垂直方向的偏移值,取值范圍為-200~200,單位px。
動效:設置輪播標簽層中的輪播效果參數。
參數
說明
輪播順序
設置輪播標簽層的輪播順序樣式,可選,包括隨機輪播和順序輪播兩種。
輪播數量
設置輪播標簽層的單次輪播標簽的數量值,取值范圍為0~50,單位個。
輪播時長
設置輪播標簽層中的單次輪播時長樣式,包括輪播時的進入時長,取值范圍為0~5,單位秒;停留時長,取值范圍為1~500,單位秒。
輪播緩存
設置輪播標簽層中輪播時可緩存的數量值,取值范圍為0~100。單擊輪播緩存左側圖標,可控制輪播緩存功能的開啟或關閉。
標簽:設置輪播標簽層內標簽的樣式參數。
參數
說明
相對偏移
設置輪播標簽層的標簽在水平和垂直方向的相對偏移值,單位px,取值范圍為-100~100。
內容樣式
設置輪播標簽層標簽的內容樣式。單擊每行樣式右側的或圖標,添加或刪除一個每行內容樣式。 單擊或圖標配置多個每行內容樣式的排列方式。單擊圖標,即可復制當前選中的內容樣式并新增一個同樣配置的內容樣式。
行字段:行內容的字段名稱,需要和數據面板中的字段相匹配。
字段樣式:設置行字段樣式,包括字段的字體樣式、字號大小、顏色和粗細值。
字段前綴:設置字段前綴的具體內容 、內容間隔值、字體、字號大小、顏色和粗細值。單擊字段前綴左側的圖標,可控制字段前綴樣式的顯隱。
字段后綴:設置字段后綴的具體內容 、內容間隔值、字體、字號大小、顏色和粗細值。單擊字段后綴左側的圖標,可控制字段后綴樣式的顯隱。
字段寬度:標簽的顯示字段的寬度樣式,包括字段的適應類型方式,可選自適應或固定寬度,并根據適應類型設置字段寬度的值,單位px。
文本溢出:選擇標簽中文本溢出時的樣式,可選切斷或換行。
行高比例:標簽的行高比例值,取值范圍為1~2。
內容描邊:標簽的內容描邊樣式,包括設置描邊的顏色和描邊粗細值,單擊內容描邊左側的圖標,可控制內容描邊的顯隱。
內容陰影:標簽的內容陰影樣式,包括設置陰影的顏色、陰影模糊值和陰影偏移度在x和y方向上的值,單擊內容陰影左側的圖標,可控制內容陰影的顯隱。
背景樣式
設置輪播標簽層內標簽的背景樣式參數,單擊背景樣式左側的圖標,可控制背景樣式的顯隱。
背景類型:標簽背景的類型,可選矢量和圖片。
背景顏色:設置標簽的背景顏色,僅在背景類型選擇矢量時可配置。
邊框樣式:設置標簽邊框的樣式,包括邊框的線類型,線寬的值和顏色。僅在背景類型選擇矢量時可配置。
邊框圓角:設置標簽邊框的圓角在四個方向的值,單位px。僅在背景類型選擇矢量時可配置。
圖片模板:選擇背景圖片的模板樣式,僅在圖片模板選擇圖片時可配置。
不透明度:設置背景圖片的不透明度值,取值范圍為0~100,僅在圖片模板選擇圖片時可配置。
背景陰影:設置標簽背景的陰影樣式,包括陰影的顏色、陰影模糊度,陰影相對于標簽在X和Y軸方向上的偏移值。
內容邊距:設置標簽中的內容距離上下左右四個方向的邊距值。
數據面板(默認模式)
配置字段說明
字段 | 說明 |
lng | 標簽的經度。 |
lat | 標簽的緯度。 |
name | 標簽的名稱。 |
配置項 | 說明 |
受控模式 | 打開開關,資產初始化狀態下不請求數據,僅通過回調ID或藍圖編輯器配置的方法發起請求數據;關閉開關,可以使用自動更新請求數據。開關默認為關閉狀態。 |
自動更新請求 | 選中后可以設置動態輪詢,還可以手動輸入輪詢的時間頻次。取消選中后則不會自動更新,需要手動刷新頁面,或通過藍圖編輯器和回調ID事件來觸發請求更新數據。 |
數據源 | 單擊配置數據源,可在設置數據源面板中修改數據源類型和數據查詢代碼、預覽數據源返回結果以及查看數據響應結果,詳情請參見配置資產數據。 |
數據過濾器 | 數據過濾器提供數據結構轉換、篩選和一些簡單的計算功能。單擊添加過濾器,可在設置數據源面板配置數據過濾器腳本,詳情請參見過濾器使用說明。 |
數據響應結果 | 展示數據請求的響應結果。當數據源發生改變時,可單擊右側的圖標,實時查看數據響應結果。 |
數據面板(分析模式)
輪播標簽層子組件BI分析數據配置面板中的詳細操作說明,請參見BI分析模式數據面板功能介紹。
配置字段說明
字段 | 說明 |
lng | 標簽的經度。 |
lat | 標簽的緯度。 |
name | 標簽的名稱。 |
交互面板
此組件沒有交互事件。
藍圖編輯器交互配置
在畫布編輯器頁面,單擊基礎平面地圖 3.0子組件管理列表中輪播標簽層右側的圖標。
說明以BI分析模式添加的子組件無藍圖交互功能。
單擊頁面左上角的圖標。
在藍圖編輯器配置頁面,單擊導入節點欄內的輪播標簽層組件,在畫布中可以看到如下圖所示的輪播標簽層的藍圖編輯器配置參數。
事件
事件
說明
當數據接口請求完成時
數據接口請求返回并經過過濾器處理后拋出的事件,同時拋出處理后的JSON格式的數據。具體數據示例請參見畫布編輯器中組件右側配置面板數據頁簽的數據響應結果區域。
當數據接口請求失敗時
數據接口請求失敗時(請求失敗的情況可能是:網絡問題或接口報錯等)返回并經過過濾器處理后拋出的事件,同時拋出處理后的JSON格式的數據。具體數據示例請參見畫布編輯器中組件右側配置面板數據頁簽的數據響應結果區域。
動作
動作
說明
請求數據接口
重新請求服務端數據,上游數據處理節點或圖層節點拋出的數據將作為參數。例如輪播標簽層配置了API數據源為
https://api.test
,傳到請求數據接口動作的數據為{ id: '1'}
,則最終請求接口為https://api.test?id=1
。導入數據接口
按組件繪制格式處理數據后,導入組件,重新繪制。不需要重新請求服務端數據。具體數據示例請參見畫布編輯器中組件右側配置面板數據頁簽的數據響應結果區域。
顯示
顯示組件,不需要參數。
隱藏
隱藏組件,不需要參數。