中國國家邊界是基礎(chǔ)平面地圖的子組件,支持獨立的樣式和數(shù)據(jù)配置,包括底中國國家邊界、省界和海岸線的線條樣式的配置,也可對地圖內(nèi)各省和直轄市地區(qū)的標(biāo)注進(jìn)行統(tǒng)一的配置等。本文介紹中國國家邊界各配置項的含義。

單擊子組件管理下方的中國國家邊界,進(jìn)入配置面板配置中國國家邊界的樣式和數(shù)據(jù)。
說明 如果子組件管理中沒有中國國家邊界,說明您還未添加中國國家邊界子組件,請參見地圖容器(v2.x版本)進(jìn)行添加。

配置

中國國家地圖配置面板
  • 搜索配置:單擊配置面板右上角的搜索配置,可在搜索配置面板中輸入您需要搜索的配置項名稱,快速定位到該配置項,系統(tǒng)支持模糊匹配。詳情請參見搜索資產(chǎn)配置
  • 可見級別:設(shè)置中國國家邊界的可見級別值,在設(shè)定的級別范圍內(nèi)中國國家邊界可見,級別之外不可見。
  • 填充顏色:數(shù)據(jù)中最大、最小及為數(shù)據(jù)為空的value值對應(yīng)區(qū)域的顏色,請參見顏色選擇器說明進(jìn)行修改。
    說明 填充顏色配置項功能,對應(yīng)數(shù)據(jù)面板中的fillColor字段。如果兩者都進(jìn)行了配置,DataV優(yōu)先使用數(shù)據(jù)中的配置。
    填充色數(shù)據(jù)面板配置
  • 線樣式
    參數(shù) 說明
    國界顏色國界粗細(xì) 設(shè)置國界線的顏色和線條粗細(xì)大小。
    省界顏色省界粗細(xì) 設(shè)置省界線的顏色和線條粗細(xì)大小。
    海岸線顏色海岸線粗細(xì) 設(shè)置海岸線的顏色和線條粗細(xì)大小。
  • 標(biāo)注:中國國家邊界內(nèi)各個區(qū)域標(biāo)注內(nèi)容的樣式,單擊左側(cè)眼睛圖標(biāo)圖標(biāo),即可控制標(biāo)注的顯隱。
    參數(shù) 說明
    圖標(biāo)顏色 區(qū)域內(nèi)圖標(biāo)的顏色,請參見顏色選擇器說明進(jìn)行修改。
    文本樣式 圖標(biāo)內(nèi)的文本內(nèi)容的樣式,包括文本的字體樣式、文字粗細(xì)、字號大小、文字顏色和文字陰影色。
  • 附圖:中國國家邊界地圖右下角附圖內(nèi)容的樣式,單擊左側(cè)眼睛圖標(biāo)圖標(biāo),即可控制附圖的顯隱。
    參數(shù) 說明
    陸地填充色 附圖中陸地部分的填充顏色,請參見顏色選擇器說明進(jìn)行修改。
    海洋填充色 附圖中海洋部分的填充顏色,請參見顏色選擇器說明進(jìn)行修改。
    邊框顏色 附圖部分的邊框線顏色,請參見顏色選擇器說明進(jìn)行修改。
    邊框粗細(xì) 附圖部分的邊框線的粗細(xì)值,單位為px,取值范圍1~20。
    右側(cè)距離 附圖部分離組件范圍最右側(cè)的距離,單位為px,取值范圍0~500。
    底部距離 附圖部分離組件范圍最底部的距離,單位為px,取值范圍0~500。
    縮放比例 附圖部分內(nèi)容顯示的大小縮放比例,取值范圍0.1~10。

數(shù)據(jù)

數(shù)據(jù)面板
熱力值數(shù)據(jù)接口:您可以通過配置熱力值數(shù)據(jù)接口,自定義區(qū)域熱力層的樣式。區(qū)域熱力層支持?jǐn)?shù)據(jù)優(yōu)先渲染。上圖中的示例JSON代碼如下。
[
  {
    "area_id": "710000",
    "value": 64
  },
  {
    "area_id": "330000",
    "value": 388
  },
  {
    "area_id": "150000",
    "value": 82
  },
  {
    "area_id": "210000",
    "value": 478
  },
  {
    "area_id": "220000",
    "value": 491
  },
  {
    "area_id": "230000",
    "value": 849
  },
  {
    "area_id": "310000",
    "value": 273
  },
  {
    "area_id": "320000",
    "value": 656
  },
  {
    "area_id": "340000",
    "value": 157
  },
  {
    "area_id": "350000",
    "value": 764
  },
  {
    "area_id": "360000",
    "value": 797
  },
  {
    "area_id": "370000",
    "value": 337
  },
  {
    "area_id": "410000",
    "value": 32
  },
  {
    "area_id": "420000",
    "value": 225
  },
  {
    "area_id": "430000",
    "value": 693
  },
  {
    "area_id": "440000",
    "value": 19
  },
  {
    "area_id": "450000",
    "value": 141
  },
  {
    "area_id": "460000",
    "value": 906
  },
  {
    "area_id": "650000",
    "value": 904
  },
  {
    "area_id": "810000",
    "value": 526
  },
  {
    "area_id": "820000",
    "value": 407
  }
]
表 1. 字段說明
字段 說明
area_id 區(qū)域的adcode編號,可通過DataV.GeoAtlas獲取。
name (可選)地圖中地區(qū)的名稱。
value (可選)地區(qū)的值,與配置面板中填充顏色的最大值、最小值、無數(shù)據(jù)配置項配合使用,可控制對應(yīng)區(qū)域的顏色。
說明 根據(jù)數(shù)據(jù)的value區(qū)間得出scale區(qū)間,從而計算從最大到最小的顏色漸變區(qū)間。
info (可選)彈窗內(nèi)容。
說明 您也可以在數(shù)據(jù)源中配置fillColor(填充顏色)字段內(nèi)容。

地圖中對應(yīng)的區(qū)域?qū)⒏鶕?jù)您設(shè)置的參數(shù)進(jìn)行渲染。其中fillColor支持red#fff000rgba(0,256,0,0.5)三種形式設(shè)置參數(shù),如下圖所示。

填充色數(shù)據(jù)面板配置
表 2. 配置項說明
配置項 說明
受控模式 打開開關(guān),資產(chǎn)初始化狀態(tài)下不請求數(shù)據(jù),僅通過回調(diào)ID或藍(lán)圖編輯器配置的方法發(fā)起請求數(shù)據(jù);關(guān)閉開關(guān),可以使用自動更新請求數(shù)據(jù)。開關(guān)默認(rèn)為關(guān)閉狀態(tài)。
自動更新請求 選中后可以設(shè)置動態(tài)輪詢,還可以手動輸入輪詢的時間頻次。取消選中后則不會自動更新,需要手動刷新頁面,或通過藍(lán)圖編輯器和回調(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é)果,詳情請參見配置資產(chǎn)數(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é)果。當(dāng)數(shù)據(jù)源發(fā)生改變時,可單擊右側(cè)的刷新圖標(biāo) 圖標(biāo),實時查看數(shù)據(jù)響應(yīng)結(jié)果。

交互

此組件沒有交互事件。

藍(lán)圖編輯器交互配置

  1. 在畫布編輯器頁面,單擊基礎(chǔ)平面地圖子組件管理列表中中國國家邊界右側(cè)的導(dǎo)出到藍(lán)圖編輯器圖標(biāo)。
  2. 單擊頁面左上角的藍(lán)圖圖標(biāo)圖標(biāo)。
  3. 在藍(lán)圖編輯器配置頁面,單擊導(dǎo)入節(jié)點欄內(nèi)的中國國家邊界組件,在畫布中可以看到如下圖所示的中國國家邊界的藍(lán)圖編輯器配置參數(shù)。中國國家邊界藍(lán)圖參數(shù)
    • 事件
      事件 說明
      當(dāng)熱力值數(shù)據(jù)接口請求完成時 數(shù)據(jù)接口請求返回并經(jīng)過過濾器處理后拋出的事件,同時拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
      當(dāng)熱力值數(shù)據(jù)接口請求失敗時 數(shù)據(jù)接口請求失敗時(請求失敗的情況可能是:網(wǎng)絡(luò)問題或接口報錯等)返回并經(jīng)過過濾器處理后拋出的事件,同時拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
    • 動作
      動作 說明
      請求熱力值數(shù)據(jù)接口 重新請求服務(wù)端數(shù)據(jù),上游數(shù)據(jù)處理節(jié)點或圖層節(jié)點拋出的數(shù)據(jù)將作為參數(shù)。例如中國國家邊界配置了API數(shù)據(jù)源為http://api.test,傳到請求熱力值數(shù)據(jù)接口動作的數(shù)據(jù)為{ id: '1'},則最終請求接口為htp://api.test?id=1
      導(dǎo)入熱力值數(shù)據(jù)接口 按組件繪制格式處理數(shù)據(jù)后,導(dǎo)入組件,重新繪制。不需要重新請求服務(wù)端數(shù)據(jù)。具體數(shù)據(jù)示例請參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)頁簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。
      顯示 顯示組件,不需要參數(shù)。
      隱藏 隱藏組件,不需要參數(shù)。