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

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

配置

呼吸氣泡層配置面板
  • 搜索配置:單擊配置面板右上角的搜索配置,可在搜索配置面板中輸入您需要搜索的配置項名稱,快速定位到該配置項,系統支持模糊匹配。詳情請參見搜索資產配置
  • 動畫效果:設置呼吸氣泡層的動畫效果,包括呼吸動效漸隱漸現
  • 呼吸范圍:呼吸氣泡層從小到大的漸變范圍,僅當動畫效果呼吸動效時,此選項才生效。
  • 動效速度:呼吸氣泡層的動效速度。
  • 漸變范圍:呼吸氣泡層的從隱到顯的漸變范圍。
  • 最大尺寸:數據源的value值最大時對應的氣泡的尺寸。
  • 最小尺寸:數據源的value值最小時對應的氣泡的尺寸。
  • 氣泡類型:單擊右側的加號圖標垃圾桶圖標圖標,增加或刪除一個氣泡類型。 單擊橫排列圖標豎排列圖標圖標配置多個氣泡類型的排列樣式。
    • 樣式:氣泡樣式,DataV提供七種類型供您選擇。
    • 類型過濾值:所選類型的氣泡對應的value值,與數據源中的type字段配合使用,設置同一類型的氣泡樣式。
      圖 1. 呼吸氣泡層類型過濾值配置項
      呼吸氣泡層類型過濾值配置項
      圖 2. 呼吸氣泡層數據面板
      呼吸氣泡層數據面板
    • 顏色:數據面板中與類型過濾值相同的type值所對應氣泡的顏色,請參見顏色選擇器說明進行修改。

數據

呼吸氣泡層數據面板

單擊此處下載上圖中的示例JSON代碼。

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

交互

此組件沒有交互事件。

藍圖編輯器交互配置

  1. 在畫布編輯器頁面,單擊基礎平面地圖子組件管理列表中呼吸氣泡層右側的導出到藍圖編輯器圖標。
  2. 單擊頁面左上角的藍圖圖標圖標。
  3. 在藍圖編輯器配置頁面,單擊導入節點欄內的呼吸氣泡層組件,在畫布中可以看到如下圖所示的呼吸氣泡層的藍圖編輯器配置參數。呼吸氣泡層藍圖編輯器參數
    • 事件

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

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