<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link href="css/index.css" rel="stylesheet" />
</head>
<body>
<div class="content">
<div class="left">
<!--气压-->
<div class="air">
<div class="air-title title numfont">AIR PRESSURE</div>
<div class="air-relative">
<div class="air-val">
<span class="air-icon"></span>
<div class="numfont">
<p class="hpa-rel"></p>
<p class="hpa-nam">Relative pressure</p>
</div>
</div>
<div class="gray">
</div>
<div class="light">
</div>
<div class="unit">HPA</div>
</div>
<div class="air-absolutely">
<div class="air-val">
<span class="air-icon"></span>
<div class="numfont">
<p class="hpa-abs"></p>
<p class="hpa-nam">Absolute pressure</p>
</div>
</div>
<div class="gray">
</div>
<div class="light">
</div>
<div class="unit">HPA</div>
</div>
</div>
<!--气压 end-->
<!--温度和湿度-->
<div class="tem-hum">
<div class="temperature">
<div class="tem-hum-title numfont">THE TEMPERATURE</div>
<div class="tem-hum-chart" id="temChart">
</div>
<div class="tem-val">
<span class="indoor">22℃</span>
<span class="outdoor">33℃</span>
</div>
</div>
<div class="humidity">
<div class="tem-hum-title numfont">HUMIDITY</div>
<div class="tem-hum-chart" id="humChart">
</div>
<div class="hum-val">
<span class="indoor">22%</span>
<span class="outdoor">33%</span>
</div>
</div>
</div>
<!--温度和湿度 end-->
<!--温度一周k线图-->
<div class="temp-k">
<div class="title numfont">TEMPERATURE CHART</div>
<div id="tempKChart">
</div>
</div>
<!--温度一周k线图 end-->
<!--湿度一走k线图-->
<div class="dity-k">
<div class="title numfont">HUMIDITY CHART</div>
<div id="dityKChart">
</div>
</div>
<!--湿度一走k线图 end-->
</div>
<div class="middle">
<div class="headTitle">WEATHER STATION</div>
<!--地图-->
<div class="chinaMap" style="color: white;">
<div class="circle0"></div>
<div id="btn" style="display: none;">
<div style="position: relative;">
<div class="btn0"></div>
<div class="btn1"></div>
<div class="btn2"></div>
</div>
</div>
<div class="mapBox">
<div id="map">
</div>
</div>
<div class="circle1"></div>
</div>
<!--地图 end-->
<!--动画-->
<div class="lineRun">
</div>
<!--动画 end-->
</div>
<div class="right">
<div class="information">
<!--基本信息-->
<div class="baseInfo">
<p class="infoTitle">TEST SITE</p>
<p class="area">LP-COUNTY</p>
<p class="infoTitle">
TEST DATE
<span class="date">2017-08-06</span>
</p>
<p class="infoTitle">
SITE ID
<span class="idNum">1921210001</span>
</p>
<p class="infoTitle">
<span class="infoTitle" style="display: inline-block;margin-right: 40px;">TESTING<br>TIME</span>
<span class="days">70</span>
<span class="infoTitle">DAY</span>
</p>
</div>
<!--基本信息 end-->
<!--温度/露点/风寒/热指数-->
<div class="temData">
<p class="infoTitle" style="margin-bottom: 0;font-size: 12px;">INDOOR MAXIMUM</p>
<p class="temTitle">TEMPERATURE</p>
<p class="indoorTem"><span class="temperatureN">70</span>℃</p>
<p class="infoTitle point">
DEW POINT
<span class="dewpoint">21℃</span>
</p>
<p class="infoTitle point">
WIND CHILL
<span class="windchill">21℃</span>
</p>
<p class="infoTitle point">
HEAT NUMBER
<span class="heatnumber">21℃</span>
</p>
</div>
<!--温度/露点/风寒/热指数 end-->
</div>
<!--风-->
<div class="wind">
<div class="air-title title numfont">THE WIND INDEX</div>
<div id="windChart">
</div>
<div class="windData">
<div class="windSpeed">
<div class="windTitle numfont">THE WIND SPEED</div>
<div class="windBox">
<div style="width: 33%;margin-left: 4%;">
<p>CURRENT WIND SPEED</p>
<p><span class="currentSpeed" id="nowWind">23</span>M/S</p>
</div>
<div style="width: 33%;">
<p>CURRENT WIND SPEED</p>
<p><span class="highestSpeed" id="highWind">46</span>M/S</p>
</div>
<div style="width: 30%">
<div class="windWrap">
<img src="img/wind1.png" class="windFan">
</div>
</div>
</div>
</div>
<div class="gust">
<div class="windTitle numfont">GUST</div>
<div class="windBox">
<div style="width: 33%;margin-left: 4%;">
<p>CURRENT WIND SPEED</p>
<p><span class="currentSpeed" id="nowGust">28</span>M/S</p>
</div>
<div style="width: 33%;">
<p>CURRENT WIND SPEED</p>
<p><span class="highestSpeed" id="highGust">43</span>M/S</p>
</div>
<div style="width: 30%">
<div class="windWrap">
<img src="img/wind1.png" class="windFan">
</div>
</div>
</div>
</div>
</div>
</div>
<!--风 end-->
智慧气象大数据可视化平台模板.rar
需积分: 42 124 浏览量
2021-09-09
16:16:23
上传
评论 7
收藏 7.81MB RAR 举报
智慧气象大数据可视化平台模板.rar （73个子文件） 
智慧气象大数据可视化平台模板 气象预报大数据平台 
index.html 47KB img 
barfoot1.png 1KB login1.png 4KB bg.png 9KB line.png 1KB wrapper.png 3KB bartop1.png 1KB close0.png 6KB line1.png 2KB login0.png 17KB verticalline.png 1KB 1.png 2KB mid0.png 3KB animate.png 3KB leftline.png 1KB close1.png 5KB earth2.png 624KB map.png 41KB close2.png 1KB bartop0.png 1KB login2.png 6KB
earth1.jpg 1.22MB barfoot0.png 1KB wind1.png 5KB wind0.png 2KB loginbg.png 1.89MB earth0.jpg 1.16MB js 
china.js 60KB echarts.js 2.33MB echarts-gl.min.js 581KB world.js 987KB jquery-3.2.1.min.js 85KB render.js 5KB 气象预报大数据平台.png 277KB login.html 4KB fonts num.otf 2.4MB geojson tianjin.json 10KB heilongjiang.json 77KB sichuan.json 251KB guangdong.json 70KB hunan.json 44KB fujian.json 42KB guangxi.json 46KB hainan.json 28KB shanghai.json 12KB hebei.json 38KB jiangsu.json 23KB shanxi.json 22KB shandong.json 49KB chengdu.json 56KB zhejiang.json 50KB gansu.json 46KB jiangxi.json 31KB xianggang.json 12KB guizhou.json 31KB anhui.json 30KB hubei.json 38KB taiwan.json 8KB ningxia.json 12KB neimenggu.json 56KB jilin.json 40KB liaoning.json 49KB xinjiang.json 84KB chongqing.json 46KB aomen.json 2KB shanxi1.json 30KB xizang.json 44KB yunnan.json 61KB qinghai.json 43KB beijing.json 21KB henan.json 35KB css index.css 8KB login.css 3KB资源评论
