全部產品
Search
文件中心

DataV:基礎多邊形圖層(v4.x版本)

更新時間:Dec 14, 2024

本文介紹基礎多邊形圖層各配置項的含義。

圖表樣式

基礎多邊形圖層是基礎平面地圖 4.0的子組件,支援獨立的樣式、資料和互動配置,包括地區的顏色、邊線、滑鼠互動事件以及位置資訊等,以瓦片形式表現地理位置上的地區資訊。

以下為該圖層支援呈現的效果。

image

樣式面板

image

說明

樣式面板中設定互動效果時,點擊和懸浮顯示方式相關配置僅在預覽、發布或啟用互動模式時可見。

  • 搜尋配置:單擊樣式面板右上方的搜尋配置項表徵圖image,可在搜尋配置面板中輸入您需要搜尋的配置項名稱,快速定位到該配置項,系統支援模糊比對。詳情請參見搜尋配置項

  • 通用:設定基礎多邊形圖層的通用配置參數項。

    參數

    說明

    可見層級

    設定基礎多邊形圖層的可見層級,在設定的層級範圍內基礎多邊形圖層可見,層級之外不可見。

    不透明度

    設定基礎多邊形圖層的不透明度,取值範圍為0~100,單位%。數值越大熱力層樣式越不透明。

  • 圖形:設定基礎多邊形圖層的圖形樣式參數項。

    參數

    說明

    填充顏色

    配置地區的顏色樣式,資料中最大、最小及為空白的value值對應地區的顏色。請參見顏色映射器使用說明,配置不同地區的映射顏色樣式。

    描邊樣式

    基礎多邊形圖層各地區邊線的顏色、粗細和線的類型。

    說明

    線型支援數字輸入,如:4,4,第一個數字表示實線長度,第二個數字表示間隔長度。

  • 互動:基礎多邊形圖層的互動配置項。

    圖形互動:單擊左側的眼睛表徵圖表徵圖,可控制是否開啟圖形互動功能。

    參數

    說明

    懸停樣式

    單擊懸停樣式左側眼睛表徵圖表徵圖,可控制懸停互動功能的開啟或關閉。開啟後可設定滑鼠移至上方時地區的填充顏色、地區描邊線顏色和粗細,僅在預覽發布或開啟互動模式時才能看到效果。

  • 條件:條件樣式說明,通過條件式篩選將滿足條件的地區配置為特殊顏色。

    條件樣式:設定特殊的條件,具體請參見條件樹使用說明

    圖形:開啟開關,配置該樣式中的圖形配置項;關閉開關,無法配置該樣式下的圖形配置項。

    參數

    說明

    填充顏色

    單擊左側的眼睛表徵圖表徵圖,可控制是否應用該條件下的地區填充顏色。

  • 自訂彈框樣式:設定基礎多邊形圖層內自訂彈框的樣式參數。請設定 info 欄位作為彈框內容,info 支援配置 HTML 片段。

    參數

    說明

    彈框開關

    開啟開關,可以通過點擊懸浮觸發彈框。

    顯示方式

    設定基礎多邊形圖層彈框顯示的方式,包括點擊懸浮兩種方式。

    相對位移

    設定彈窗在水平和垂直方向的相對位移像素距離,取值範圍為-1000~1000,單位px。

    文本樣式

    設定彈框內的文本樣式,包括文本的字型樣式、字型大小大小、顏色和文本粗細值。

    顯示空值

    開啟開關,在無info欄位或空info欄位對象上可以彈框顯示為“無資料”,關閉開關時,對於無info欄位的資料,互動不會彈出對應的彈框。

    彈框樣式

    • 內邊距:設定彈框文本的內容距離上下左右四個方向的邊距值。

    • 邊框樣式:設定彈框邊框的圓角值、線寬和顏色。

    • 背景顏色:設定彈框的背景顏色。

    • 投影樣式:設定彈框投影的模糊色、模糊半徑、X位移和Y位移。

    • 關閉按鈕:開啟開關,基礎多邊形圖層的彈框顯示關閉按鈕和按鈕的顏色。

    • 指向箭頭:開啟開關,基礎多邊形圖層的彈框顯示指向箭頭。

資料來源面板

image

圖層資料來源需帶有業務資料的geojson格式資料,具體可參見樣本資料。欄位對應如下:

欄位

說明

colorField

可選,地區的顏色映射欄位。

info

可選,自訂彈窗內容。

popupType

可選,彈窗類型(需要搭配二次開發功能使用)。

資料項目配置

說明

資料來源

組件的資料來源中通過代碼編輯可視化編輯展示了組件所包含的資料欄位。也可以修改資料類型,靈活配置組件資料。

資料對應

當您需要自訂圖表欄位配置時,可以在資料對應模組設定不同的欄位對應內容,將這些欄位對應到組件對應的欄位上。無需修改資料來源中的欄位,就可以實現資料的即時匹配。也可以單擊image表徵圖對欄位分別樣式配置。

過濾器

開啟過濾器,選擇已建立的資料過濾器或建立資料過濾器,並配置資料過濾器指令碼,實現資料的篩選功能。詳情請參見管理資料過濾器

資料響應結果

即時展示了組件所使用的資料。當組件資料來源發生變化時,資料響應結果會對應展示最新的資料。如果系統反應延遲,您可以單擊右側的image表徵圖,查看資料響應結果,也可以單擊右側的image表徵圖,擷取組件的最新資料。您也可以單擊查看樣本,查看當前組件的響應結果樣本。

禁止載入態

勾選複選框,在組件更新和預覽資料看板時,將看不到組件初始化時的載入內容,去勾選則相反。預設為去勾選狀態。

受控模式

勾選複選框,組件初始化狀態下不請求資料,僅通過全域變數或藍圖編輯器配置的方法發起請求資料;去勾選複選框,可以使用自動更新請求資料。預設為去勾選狀態。

自動更新請求

勾選複選框,可以手動輸入輪詢的時間頻次設定動態輪詢。清除後則不會自動更新,需要手動重新整理頁面,或通過藍圖編輯器和全域變數事件來觸發請求更新資料。

進階面板

image

通過進階面板配置互動事件或關聯全域變數,實現組件之間的聯動。具體操作請參見組件互動配置

藍圖互動

  1. 單擊頁面左上方的image表徵圖,進入藍圖頁面。

  2. 圖層節點頁簽下,添加當前組件至主畫布中。

  3. 查看藍圖配置參數。image

    說明

    圖層事件和動作的參數提示資訊,可以在畫布右側的錨點配置中單擊image表徵圖查看。

    • 事件

      事件

      說明

      當資料更新時

      當資料返回結果發生變化時觸發事件並拋出資料。

      當資料請求狀態變化時

      當資料請求狀態發生變化時(例如,返回成功或失敗狀態)觸發事件並拋出資料。

      當點擊地區時

      當單擊圖層某地區時觸發事件並拋出資料。

      當雙擊地區

      當雙擊圖層某地區時觸發事件並拋出資料。

      當點擊圖層外地區時

      當單擊圖層外地區時觸發事件並拋出資料。

      當滑鼠移入要素時

      當滑鼠移入圖層的某地區時觸發事件並拋出資料。

      當滑鼠移出要素時

      當滑鼠移出圖層的某地區時觸發事件並拋出資料。

      當滑鼠在要素上移動時

      當滑鼠在圖層的某地區移動時觸發事件並拋出資料。

      組件載入完成

      資料介面請求返回並經過過濾器處理後拋出的事件,同時拋出處理後的JSON格式的資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料來源頁簽的資料響應結果地區。

    • 動作

      動作

      說明

      匯入介面

      按組件繪製格式處理資料後,匯入組件,重新繪製。不需要重新請求服務端資料。具體資料樣本請參見畫布編輯器中組件右側配置面板資料來源頁簽的資料響應結果地區。

      請求介面

      重新請求服務端資料,上遊資料處理節點或圖層節點拋出的資料將作為參數。例如基礎多邊形圖層配置了API資料來源為https://api.test,傳到請求資料介面動作的資料為{ id: '1'},則最終請求介面為https://api.test?id=1

      切換顯隱

      切換顯隱顯示隱藏組件預設不需要參數,可以按需添加動畫配置,參考資料樣本。

      {
        //動畫方式,可選值為:appear|fade|slideToUp,預設值為 fade,不填無動畫。
        "animationType": "fade",
        //動畫延遲,預設值為1000,單位ms。
        "animationDuration": 1000,
        //動畫曲線,可選值為:linear|easeInOutQuad|easeInOutExpo,預設值為 linear。
        "animationEasing": "linear"
      }

      顯示

      隱藏

      更新群組件配置

      動態更新組件的樣式配置。需要先在組件的樣式面板中,單擊複製配置到剪貼簿,擷取組件配置資料。再根據需要在藍圖編輯器配置頁面的資料處理節點中更改對應樣式的欄位值。