通過(guò)捷碼快速開(kāi)發(fā)平臺(tái)，只需3步，就可輕松搭建可視化大屏！

捷碼平臺(tái)是遠(yuǎn)眺旗下的快速開(kāi)發(fā)平臺(tái)。開(kāi)發(fā)者可通過(guò)拖拽等可視化方式，在捷碼上快速搭建應(yīng)用，所見(jiàn)即所得。捷碼內(nèi)置海量酷炫的組件，比如3D組件、大屏組件、業(yè)務(wù)系統(tǒng)組件、APP組件、GIS組件等等，尤擅長(zhǎng)于3D數(shù)字孿生和GIS，高度貼合各類智慧場(chǎng)景的可視化開(kāi)發(fā)需求。本文接下來(lái)將以地球可視化頁(yè)面為例，帶你從0開(kāi)始快速搭建可視化頁(yè)面。

效果

第一步，創(chuàng)建一個(gè)空白頁(yè)面

填寫頁(yè)面名稱，選擇固定寬高布局

第二步、頁(yè)面搭建

（1）主場(chǎng)景搭建

往畫布中拖入地圖組件中的地球，調(diào)整屬性；

（2）添加漸變遮罩

某些場(chǎng)景中需要使用漸變遮罩淡化主場(chǎng)景四周內(nèi)容，突出中間內(nèi)容和四周的業(yè)務(wù)圖表，在畫布中拖入大屏組件中的漸變遮罩。

(3) 布局

在主場(chǎng)景之上進(jìn)行頁(yè)面布局，為下一步添加業(yè)務(wù)圖表做好準(zhǔn)備。

將3個(gè)web組件中的fixedcontainer 加入到畫布，配置在頁(yè)面頂部、左邊、右邊。

（4）加入業(yè)務(wù)圖表

   頂部fixedcontainer拖入大屏組件中的流光文字：

• 左側(cè)依次拖入大屏組件中的標(biāo)題、基礎(chǔ)柱狀圖、嵌套環(huán)形圖、立體圖片；
• 右側(cè)依次拖入大屏組件中的標(biāo)題、立體環(huán)餅圖、基礎(chǔ)折現(xiàn)圖、輪播表格；

• 配置屬性后保存后查看預(yù)覽效果；

  
  

第三步、綁定業(yè)務(wù)數(shù)據(jù)

述完成的頁(yè)面還是使用的靜態(tài)數(shù)據(jù)，為了能正確展示業(yè)務(wù)，需要將組件與業(yè)務(wù)數(shù)據(jù)通過(guò)平臺(tái)的綁定功能連接起來(lái)。

配置好的效果：

除此之外，還可以使用模板創(chuàng)建頁(yè)面，捷碼內(nèi)置了多個(gè)智慧行業(yè)，比如智慧園區(qū)、智慧水務(wù)、智慧交通、智慧工地、智慧礦山、智慧農(nóng)業(yè)等智慧領(lǐng)域模板，可以直接點(diǎn)擊頁(yè)面模板，一鍵完成頁(yè)面搭建。