呼吸氣泡層是基礎(chǔ)平面地圖的子組件,支持獨立的樣式、數(shù)據(jù)和交互配置,包括呼吸氣泡的大小、動畫效果、氣泡類型以及經(jīng)緯度等,能夠以呼吸氣泡的形式表現(xiàn)地理位置上的點數(shù)據(jù)信息。本文介紹呼吸氣泡層各配置項的含義。

注意 當前為v2.x版本的呼吸氣泡層子組件指導(dǎo)文檔,如需查看該子組件v1.x版本的文檔內(nèi)容詳情,請參見呼吸氣泡層(v1.x版本)
單擊子組件管理下方的呼吸氣泡層,進入配置面板配置呼吸氣泡層的樣式和數(shù)據(jù)。
說明 如果子組件管理中沒有呼吸氣泡層,說明您還未添加呼吸氣泡層子組件,請參見地圖容器(v2.x版本)進行添加。

配置

呼吸氣泡層配置面板
  • 搜索配置:單擊配置面板右上角的搜索配置,可在搜索配置對話框中輸入您需要搜索的配置項名稱,快速定位到該配置項,系統(tǒng)支持模糊匹配。詳情請參見搜索組件配置
  • 可見級別:設(shè)置呼吸氣泡層的可見級別值,在設(shè)定的級別范圍內(nèi)呼吸氣泡層可見,級別之外不可見。
  • 默認樣式:設(shè)置呼吸氣泡層的動畫效果、氣泡大小和呼吸范圍等參數(shù)。
    參數(shù) 說明
    動畫效果 設(shè)置呼吸氣泡層的動畫效果,包括呼吸動效漸隱漸現(xiàn)
    氣泡大小 設(shè)置呼吸氣泡的大小。
    呼吸范圍 設(shè)置呼吸氣泡層從小到大的漸變范圍。
    透明度 設(shè)置氣泡的透明度值
    動效速度 設(shè)置呼吸氣泡層的動效速度。
  • 氣泡類型:單擊右側(cè)的加號圖標垃圾桶圖標圖標,增加或刪除一個氣泡類型。 單擊橫排列圖標豎排列圖標圖標配置多個氣泡類型的排列樣式。
    參數(shù) 說明
    類型過濾值 所選類型的氣泡對應(yīng)的value值,與數(shù)據(jù)源中的type字段配合使用,設(shè)置同一類型的氣泡樣式。
    圖 1. 呼吸氣泡層類型過濾值配置項
    呼吸氣泡類型過濾值配置項
    圖 2. 呼吸氣泡層數(shù)據(jù)面板
    呼吸氣泡層數(shù)據(jù)面板
    填充顏色 數(shù)據(jù)面板中與類型過濾值相同的type值所對應(yīng)氣泡的顏色,請參見顏色選擇器說明進行修改。
    氣泡類型 氣泡樣式類型,DataV提供七種類型供您選擇。

數(shù)據(jù)

呼吸氣泡層數(shù)據(jù)面板

下載上圖中的示例JSON代碼

表 1. 字段說明
字段 說明
lng 氣泡的經(jīng)度。
lat 氣泡的緯度。
value 氣泡的值。
type 氣泡類型,與配置面板中的類型過濾值配合使用,來設(shè)置某種類型的氣泡樣式。
表 2. 配置項說明
配置項 說明
受控模式 打開開關(guān),組件初始化狀態(tài)下不請求數(shù)據(jù),僅通過回調(diào)ID或藍圖編輯器配置的方法發(fā)起請求數(shù)據(jù);關(guān)閉開關(guān),可以使用自動更新請求數(shù)據(jù)。開關(guān)默認為關(guān)閉狀態(tài)。
自動更新請求 選中后可以設(shè)置動態(tài)輪詢,還可以手動輸入輪詢的時間頻次。清除后則不會自動更新,需要手動刷新頁面,或通過藍圖編輯器和回調(diào)ID事件來觸發(fā)請求更新數(shù)據(jù)。
數(shù)據(jù)源 單擊配置數(shù)據(jù)源,可在設(shè)置數(shù)據(jù)源頁面中修改數(shù)據(jù)源類型和數(shù)據(jù)查詢代碼、預(yù)覽數(shù)據(jù)源返回結(jié)果以及查看數(shù)據(jù)響應(yīng)結(jié)果。詳情請參見配置組件數(shù)據(jù)
數(shù)據(jù)過濾器 數(shù)據(jù)過濾器提供數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)換、篩選和一些簡單的計算功能。單擊添加過濾器,可在設(shè)置數(shù)據(jù)源頁面配置數(shù)據(jù)過濾器腳本,詳情請參見組件過濾器使用說明
數(shù)據(jù)響應(yīng)結(jié)果 展示數(shù)據(jù)請求的響應(yīng)結(jié)果。當數(shù)據(jù)源發(fā)生改變時,可單擊右側(cè)的刷新圖標 圖標,實時查看數(shù)據(jù)響應(yīng)結(jié)果。

交互

此組件沒有交互事件。

藍圖編輯器交互配置

  1. 在畫布編輯器頁面,單擊基礎(chǔ)平面地圖子組件管理列表中呼吸氣泡層右側(cè)的導(dǎo)出到藍圖編輯器圖標。
  2. 單擊頁面左上角的藍圖圖標圖標。
  3. 在藍圖編輯器配置頁面,單擊導(dǎo)入節(jié)點欄內(nèi)的呼吸氣泡層組件,在畫布中可以看到如下圖所示的呼吸氣泡層的藍圖編輯器配置參數(shù)。呼吸氣泡層V2.x藍圖參數(shù)
    • 事件

      當數(shù)據(jù)接口請求完成時:數(shù)據(jù)接口請求返回并經(jīng)過過濾器處理后拋出的事件,同時拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)請參見上文的數(shù)據(jù)示例

    • 動作
      動作 說明
      請求數(shù)據(jù)接口 重新請求服務(wù)端數(shù)據(jù),上游數(shù)據(jù)處理節(jié)點或圖層節(jié)點拋出的數(shù)據(jù)將作為參數(shù)。例如呼吸氣泡層配置了API數(shù)據(jù)源為http://api.test,傳到請求數(shù)據(jù)接口動作的數(shù)據(jù)為{ id: '1'},則最終請求接口為http://api.test?id=1
      導(dǎo)入數(shù)據(jù)接口 按組件繪制格式處理數(shù)據(jù)后,導(dǎo)入組件,重新繪制。不需要重新請求服務(wù)端數(shù)據(jù)。具體數(shù)據(jù)請參見上文的數(shù)據(jù)示例
      顯示組件 顯示組件,不需要參數(shù)。
      隱藏組件 隱藏組件,不需要參數(shù)。