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