為了方便直觀的了解疫情的變化過程,我們使用iclien客戶端專題圖來動態展示疫情的變化。
首先我們來看一看實現效果:
資料需要製作為以下格式,即每天對應乙個屬性字段,並填充相應的資料,例:
行政區劃
d25d26四川1
2湖北1020
查詢時間字段,用於專題圖賦值
var param =
newsupermap.fieldparameters()
;l.supermap.
fieldservice
(dataurl)
.getfields
(param,
function
(serviceresult)})
;
使用客戶端分段專題圖來製作,首先初始化圖層,並設定style
themelayer =
l.supermap.
rangethemelayer
("themelayer",)
.addto
(map)
; themelayer.style =
newsupermap.themestyle()
;// 用於單值專題圖的屬性欄位名稱
themelayer.themefield = time[0]
;// 風格陣列,設定值對應的樣式
themelayer.stylegroups =[}
,},}
,},}
,}];
通過sql查詢資料服務,查詢出行政區劃面
var getfeaturebysqlparams =
newsupermap.getfeaturesbysqlparameters()
, toindex:
500,
datasetnames:
["ncp:china_province_pg_1_2_1"]}
);l.supermap.
featureservice
(dataurl)
.getfeaturesbysql
(getfeaturebysqlparams, processcomplete, supermap.dataformat.
iserver
);
將查詢結果加到地圖,並解析相應返回值用於總數顯示
searchdata = serviceresult;
var result = serviceresult.result;
var data = result.features;
if(result && result.features)
}
設定div用於製作圖例
="legend"
>
="content"
>
="color" style=
"background: rgb(244, 244, 244);"
>
<
/div>
="text"
>
0人<
/div>
<
/div>
="content"
>
="color" style=
"background: rgb(253, 212, 158);"
>
<
/div>
="text"
>1-
99人<
/div>
<
/div>
="content"
>
="color" style=
"background: rgb(253, 187, 132);"
>
<
/div>
="text"
>
100-
499人<
/div>
<
/div>
="content"
>
="color" style=
"background: rgb(252, 141, 89);"
>
<
/div>
="text"
>
500-
999人<
/div>
<
/div>
="content"
>
="color" style=
"background: rgb(239, 101, 72);"
>
<
/div>
="text"
>
1000
-9999人<
/div>
<
/div>
="content"
>
="color" style=
"background: rgb(215, 48, 31);"
>
<
/div>
="text"
>
10000人或以上<
/div>
<
/div>
<
/div>css設定圖例樣式
.legend
.legend .content
.legend .content .color
.text
var chart = echarts.
init
(document.
getelementbyid
("timee"))
; option =
, color:
'#dfdfdf'}}
}}; chart.
setoption
(option)
;
監聽時間軸改變事件,重新整理專題圖,並將對應統計值顯示在div中
chart.on(
'timelinechanged'
,function
(timelineindex)}$
(".value").
html
(count);$
(".subtitle").
html
("截止"
+ date[timelineindex.currentindex])}
);
至此,我們已實現全部效果,底圖和標籤可根據自身喜好進行更換,其中標籤需新建窗格將其置於頂層,例:
map.
createpane
('labels');
map.
getpane
('labels'
).style.zindex =
650;
l.supermap.
tiledmaplayer
(tapurl,).
addto
(map)
;
D 抗疫鬥爭
題目描述 新冠疫情爆發以來,病毒不斷地擴散傳播,而人類也在不斷採取各種措施遏制病毒傳播。於是我們可以為這場抗疫鬥爭建立乙個數學模型,將病毒的不斷傳播和人類的不斷採取措施抽象為一場雙方輪流行動的博弈。我們認為人類與病毒的每輪行動都可以選擇乙個正整數作為行動值來評估。然而,出於各方面限制,雙方的所有行動...
網龍首設數字抗「疫」展區 分享教育戰「疫」中國經驗
2020年10月11日至15日,在第三屆數字中國建設峰會數字成果展覽會上,一組以抗 疫 教育產品為主題的特殊展區引起了觀眾極大興趣,成為觀眾在展廳爭相拍照的 打卡地。圖 數字中國建設成果展覽會網龍抗 疫 主題專區 網龍首設數字抗 疫 展區 據了解,這是網龍網路公司今年特別設立的 停課不停學 網龍在行...
記己亥年丙子月疫
寫在前面 早想寫的一點東西,記錄一下,這段親歷的歷史 己亥年丙子月,大疫,其來勢之烈,危害之疾,雖謂之人禍,於天災有過而無不及。庠序靜寂,商賈閉戶,泱泱中華,雖逢歲日,靜似清明,上下俱寂,竟如人煙罕至之荒野,月明星稀之夜半,故歎曰 大國之大,不在武強,不在野廣,而在齊心,而在意合。疫勢如火,吾等常人...