效果展示

操作步驟

1. 登錄DataV控制臺。

2. 選擇任一數(shù)據(jù)看板，單擊編輯，進(jìn)入畫布編輯器頁面。

3. 添加Tab列表組件和基礎(chǔ)平面地圖組件到畫布中。

4. 單擊Tab列表組件，選擇數(shù)據(jù)源面板，修改靜態(tài)數(shù)據(jù)。

   [
     {
       "id": 1,
       "content": "610000"
     },
     {
       "id": 2,
       "content": "330000"
     },
     {
       "id": 3,
       "content": "320000"
     }
   ]

5. 選擇全局變量頁簽，單擊新建變量，重命名為code。

6. 單擊基礎(chǔ)平面地圖組件下的區(qū)域熱力層子組件，選擇數(shù)據(jù)源面板下的地理邊界geojson數(shù)據(jù)接口，設(shè)置數(shù)據(jù)源為API，輸入URL地址。

   https://geo.datav.aliyun.com/areas_v3/bound/geojson?code=:code//使用全局變量code替換":code"

7. 切換到藍(lán)圖編輯器。

8. 將區(qū)域熱力層節(jié)點、Tab列表節(jié)點、全局變量節(jié)點和邏輯節(jié)點頁簽下的1個串行數(shù)據(jù)處理節(jié)點添加到藍(lán)圖主畫布中。

9. 連接組件。

10. 配置串行數(shù)據(jù)處理節(jié)點的處理方法。

    return data.content;

11. 單擊頁面右上角的預(yù)覽圖標(biāo)，預(yù)覽展示結(jié)果。